@charset "utf-8";
@import "http://at.alicdn.com/t/font_926202_6n4rp9a31gj.css";
@import "reset.min.css";
/*此处是头部和底部的css*/
::-webkit-scrollbar-track-piece {
    /*background-color: rgba(0, 0, 0, 0.15);*/
    -webkit-border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    /*border: 1px solid rgba(0, 0, 0, 0.21);*/
    -webkit-border-radius: 5px;
}

::-webkit-scrollbar-corner {
    background-color: #f1f1f1;
    -webkit-border-radius: 1px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    background: url() no-repeat;
}

::-webkit-scrollbar {
    display: block;
    width: 9px;
    box-sizing: border-box;
    background: #eee;
}

.have-scrollbar::-webkit-scrollbar {
    display: block;
    width: 5px !important;
}

.diploma-alert::-webkit-scrollbar {
    display: none;
    width: 0 !important;
}

input::-webkit-input-placeholder {
    color: #ccc !important;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc !important;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc !important;
}

.form-control:focus {
    border-color: rgba(43, 146, 251, 0.5);
}

.center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*position: relative;
  >div,>span,>p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }*/
}

.centerPos {
    display: block !important;
    position: relative;
}

.centerPos > div,
.centerPos > span,
.centerPos > p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.center2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

textarea {
    resize: none !important;
    font-family: '微软雅黑', "Microsoft YaHei", Arial, sans-serif;
    padding: 3px 10px;
    width: 100%;
    border-color: #333333;
}

textarea.form-control {
    padding: 3px 10px !important;
}

/*初始化css*/
.p0 {
    padding: 0 !important;
}

.pt0 {
    padding-top: 0 !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.mR10 {
    margin-right: 10px !important;
}

.mR20 {
    margin-right: 20px !important;
}

.h70 {
    height: 70px;
}

.h15 {
    height: 15px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.WiCon {
    font-size: 14px;
}

.WiCon i {
    margin-right: 5px;
}

body {
    font-family: '微软雅黑', "Microsoft YaHei", Arial, sans-serif;
    background: #e9ecf3;
    /*min-width: 1260px;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: '微软雅黑', "Microsoft YaHei", Arial, sans-serif;
    font-weight: normal;
}

a {
    color: #1B92EC;
}

a:hover {
    color: #1d72fb;
}

img {
    border: none;
}

.t {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

a:link,
a:hover,
a:visited,
a:active {
    text-decoration: none;
}

a:focus {
    color: #1B92EC;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 10px;
}

.input-group-addon {
    border-bottom: 1px solid #eeeeee !important;
}

.normalBtn {
    font-size: 14px;
}

.normalBtn i {
    margin-right: 5px;
}

.colC {
    color: #ccc !important;
}

.col6 {
    color: #666 !important;
}

.color9 {
    color: #999 !important;
    cursor: default !important;
}

.blueC {
    color: #1C6BE0 !important;
}

.orange {
    color: #ff9900 !important;
}

.red {
    color: #ec0303 !important;
}

.greenC {
    color: #3fcf83 !important;
}

.purple {
    color: #90a0f0;
}

.PaleRred {
    color: #fd8985;
}

.Yellow {
    color: #f68f37;
}

.bgW {
    background: white !important;
}

.bgBlue {
    background: #1B92EC !important;
}

.bgred {
    background: #ec0303 !important;
}

.bgYellow {
    background: #f68f37 !important;
}

.bggreenC {
    background: #3fcf83 !important;
}

.posiR {
    position: relative !important;
}

.minW {
    min-width: 100px;
}

.fmAx22 {
    font-size: 22px !important;
}

.fmAx20 {
    font-size: 20px !important;
}

.fmAx18 {
    font-size: 18px !important;
}

.fmAx16 {
    font-size: 16px !important;
}

.fmAx14 {
    font-size: 15px !important;
}

.form-group {
    margin-bottom: 0;
}


/*2020-12-header*/
.page-header-inner {
    position: fixed;
    width: 100%;
    height: 70px;
    min-width: 1260px;
    top: 0;
    z-index: 99;
    left: 0;
    background: #1C6BE0;
    padding-right: 20px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

.page-wrapper {
    display: block;
}

.logo {
    width: 208px;
    float: left;
    padding-top: 20px;
}

.logo a {
    display: block;
    height: 70px;
    font-size: 0;
    padding: 17px 0;
}

/*.logo a img {*/
    /*width: 52px;*/
    /*height: 36px;*/
    /*float: left;*/
    /*margin-right: 12px;*/
/*}*/

.logo a i {
    display: block;
    width: 52px;
    height: 36px;
    font-size: 56px;
    line-height: 42px;
    float: left;
    margin-right: 12px;
    color: white;
}

.logo-inner {
    float: left;
    color: white;
    position: relative;
    top: -4px;
}

.logo .logo-terrace {
    font-size: 18px;
    line-height: 25px;
    margin: 0;
    width: 117px;
    text-align: justify;
    text-align-last: justify;
}

.logo .logo-name {
    width: 117px;
    font-size: 13px;
    line-height: 18px;
    margin: 0;
    text-align: justify;
    text-align-last: justify;
}

.page-wrapper .page-container {
    display: block;
    padding: 0;
}

.page-wrapper .page-header {
    background: #fff;
}

.page-header.navbar {
    min-height: 70px;
}

.page-header-inner .logo {
    padding-top: 0;
    height: auto;
    overflow: hidden;
}

.page-header-inner .menu-toggler {
    display: none !important;
}

.page-header-inner .main-menu {
    height: 70px;
    margin: 0;
}

.page-header-inner .main-menu ul {
    margin: 0;
}

.page-header-inner .main-menu li {
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    line-height: 70px;
    height: 70px;
    padding: 0;
    margin: 0 30px;
}

.page-header-inner .active-menu {
    background: none;
    color: #ffffff !important;
    /*font-weight: bold;*/
    font-family: "Microsoft Yahei Light";
}

.page-header-inner .main-menu li:hover {
    color: #ffffff !important;
    background: none;
}

.page-header-inner .main-menu li div {
    height: 100%;
}

.dtFont {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.page-header-inner .top-menu > ul > li {
    height: 70px;
}

.page-header-inner .top-menu > ul > li a {
    padding: 0 15px !important;
    margin: 0 !important;
}

.page-header-inner .top-menu > ul > li i.dtFont {
    font-size: 20px;
    color: #ffffff;
    line-height: 70px !important;
}

.page-header-inner .top-menu > ul > li i.dtFont:hover {
    color: #ffffff;
}

.page-header-inner .top-menu .dropdown li a {
    line-height: 40px;
}

.badge-info {
    background-color: #ed6b75;
}

html .layui-layer-title {
    height: 43px !important;
    line-height: 43px !important;
}

.user-info img {
    float: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: none;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background: none !important;
}

.page-header-inner .top-menu .badge {
    transform: translate(4px, -22px);
    position: absolute;
    top: 50%;
    left: 50%;
}

/*2020-12-23-menu*/
.menu-toggler {
    height: 50px;
    border-bottom: 1px solid #eeeeee;
    cursor: pointer;
    overflow: hidden;
}

.menu-toggler:after {
    content: "收起";
    display: block;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    padding-left: 30px;
    color: #666;
}

.page-sidebar-closed .menu-toggler:after {
    content: "展开";
    padding-left: 30px;
}

.back-toggler {
    height: 50px;
    border-bottom: 1px solid #eeeeee;
    line-height: 50px;
    font-size: 14px;
    padding-left: 24px;
    color: #666;
    cursor: pointer;
    overflow: hidden;
}

.back-toggler i {
    font-size: 16px !important;
    padding-right: 5px;
}

.pageIcon {
    padding: 28px 20px 18px;
    /*border-bottom: 1px solid #eee;*/
}

/*.pageIcon > div {*/
/*width: 60px;*/
/*height: 60px;*/
/*border-radius: 50% !important;*/
/*background: #1B92EC;*/
/*margin: 0 auto;*/
/*text-align: center;*/
/*margin-bottom: 20px;*/
/*}*/

/*.pageIcon > div i.dtFont {*/
/*font-size: 25px;*/
/*line-height: 60px;*/
/*color: white;*/
/*}*/

.pageIcon p {
    margin: 0;
    font-size: 16px;
    color: #000 !important;
    line-height: 22px;
    font-weight: bold;
}

.pageIcon>div{
    display: none;
}

/*.pageIcon p:last-child {*/
/*color: #666;*/
/*}*/

.page-wrapper .page-sidebar-wrapper {
    width: 230px;
    float: left;
    height: calc(100vh - 70px);
    background: white;
    position: relative;
    overflow-y: auto;
    margin-right: 0;
    background: #FBFBFD;
}

.page-sidebar-menu > li > a {
    /*min-height: 46px;*/
}

.page-sidebar-menu.page-sidebar-menu-closed > li:hover {
    box-shadow: none;
}

.page-sidebar {
    width: 100%;
}

.page-sidebar-closed .page-sidebar,
.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed {
    width: 70px !important;
    margin-right: 0;
}

.page-sidebar-closed .page-wrapper .page-sidebar-wrapper {
    width: 70px;
    overflow: visible;
}

.page-sidebar-closed .page-wrapper .page-content-wrapper {
    width: calc(100% - 70px);
}

.page-sidebar-closed .pageIcon > div {
    width: 50px;
    height: 50px;
}

.page-sidebar-closed .pageIcon > div i.dtFont {
    font-size: 20px;
    line-height: 48px;
}

.page-sidebar-closed .pageIcon {
    margin-bottom: 25px;
}

.page-sidebar-closed .pageIcon p {
    display: none;
}

.page-sidebar,
.page-sidebar .page-sidebar-menu > li > a{
    background: transparent;
}

.page-sidebar .page-sidebar-menu > li > a {
    padding: 18px 20px;
    min-height: 60px !important;
}

.page-sidebar .page-sidebar-menu > li > a > span {
    vertical-align: middle;
}

.page-sidebar .page-sidebar-menu > li > a > .menuCard {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/assets/images/custom/menu.png) no-repeat center;
    background-size: 20px auto;
}

.page-sidebar .page-sidebar-menu > li:nth-child(2n) > a > .menuCard{
    background: url(/assets/images/custom/menu2.png) no-repeat center;
    background-size: 20px auto;
}

.page-sidebar .page-sidebar-menu > li:nth-child(3n) > a > .menuCard{
    background: url(/assets/images/custom/menu3.png) no-repeat center;
    background-size: 20px auto;
}

.page-sidebar .page-sidebar-menu > li:nth-child(4n) > a > .menuCard{
    background: url(/assets/images/custom/menu4.png) no-repeat center;
    background-size: 20px auto;
}

.page-sidebar .page-sidebar-menu > li > a > .title {
    display: inline-block;
    width: calc(100% - 40px);
    line-height: 24px;
    margin-left: 2px;
    font-size: 16px;
}

.page-sidebar .page-sidebar-menu > li > a > .arrow {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -11px;
}

.page-sidebar .page-sidebar-menu li > a > .arrow:before{
    content: "\f107";
}

.page-sidebar .page-sidebar-menu li.open > a > .arrow:before{
    content: "\f106";
}

.page-sidebar .page-sidebar-menu > li.active > a:only-child ,
.page-sidebar .page-sidebar-menu > li.active.open > a:only-child {
    background: #E7EFFB;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
.page-sidebar .page-sidebar-menu > li:hover > a,
.page-sidebar .page-sidebar-menu > li.open > a {
    background: #E7EFFB;
}

.page-sidebar .page-sidebar-menu > li:hover > a > span,
.page-sidebar .page-sidebar-menu > li.active > a > span,
.page-sidebar .page-sidebar-menu > li.open > a > span,
.page-sidebar .page-sidebar-menu > li.active.open > a > span {
    color: #1B92EC !important;
}

.page-sidebar .page-sidebar-menu .sub-menu {
    background: transparent;
    margin: 0 !important;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.active > a {
    background: #eef4ff;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.active > a i {
    color: #1B92EC;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
    z-index: 2001;
}

/*.page-sidebar-closed .page-sidebar-menu > li > a i {*/
/*font-size: 22px;*/
/*margin-left: 5px;*/
/*width: 30px;*/
/*height: 30px;*/
/*display: inline-block !important;*/
/*}*/

.page-sidebar-closed .page-sidebar-menu > li > a > .menuCard {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: scale(1.2) translateY(-40%);
    -webkit-transform: scale(1.2) translateY(-40%);
}

/*.page-sidebar-closed .page-sidebar .page-sidebar-menu > li {*/
/*margin-bottom: 5px;*/
/*}*/

.page-sidebar-closed .page-sidebar .page-sidebar-menu > li.active {
    background: red;
}

.page-sidebar-closed .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
    box-shadow: none;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > a > .title {
    padding-left: 33px;
    display: inline-block !important;
    vertical-align: top;
}

.page-sidebar .page-sidebar-menu .sub-menu li a {
    padding-left: 53px !important;
    border: 0 !important;
}

/*.page-sidebar-closed .fa {*/
/*margin-left: 0 !important;*/
/*}*/

/*.page-sidebar-closed .fa:before {*/
/*transform: translateY(8px);*/
/*-webkit-transform: translateY(8px);*/
/*display: inline-block;*/
/*}*/

/*.fa:before {*/
/*-webkit-transform: translateY(-2px);*/
/*transform: translateY(-2px);*/
/*display: inline-block;*/
/*}*/

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
.page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
    color: #1B92EC;
    background: transparent !important;
    /*border-left: 0 !important;*/
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu {
    width: 219px;
    left: 70px;
    top: 0;
    padding-top: 46px;
    box-shadow: 7px 8px 10px 1px #eeeeee;
}

.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-closed > li:not(.heading):hover > .sub-menu > li > a {
    padding-left: 25px !important;
}

/*.sub-menu a {*/
/*border-left: transparent solid 4px !important;*/
/*}*/

/*.page-sidebar .page-sidebar-menu li span {*/
/*font-size: 16px !important;*/
/*}*/

/*.page-sidebar .page-sidebar-menu li > a i {*/
/*font-size: 16px;*/
/*vertical-align: middle;*/
/*}*/

.page-wrapper .page-content-wrapper {
    position: relative;
    width: calc(100% - 230px);
    float: right;
    height: calc(100vh - 70px);
    background: #e9ecf3;
    padding-right: 0;
    overflow: auto;
    border-left: 1px solid #EAEDF3;
}

.page-wrapper .page-content-wrappe::-webkit-scrollbar {
    width: 0;
}

.page-wrapper .page-content-wrappe::-webkit-scrollbar-button {
    width: 0;
    height: 12px;
    background: url(…floi/Tcxi4KR/FIXeYc9jmFwpw2PwGUgY58NaG1/rX0h9d1DUzJEP0JgAAAABJRU5ErkJggg==) no-repeat;
}

h4.block {
    font-weight: 600;
    color: #555555;
}

h4.block .pull-right {
    font-weight: normal;
}

.form-horizontal .control-label {
    color: #999;
    font-size: 16px;
}


.head-nav {
    float: left;
    width: 520px;
    height: 100%;
}

.head-nav li {
    float: left;
    width: 25%;
    text-align: center;
    padding-top: 48px;
}

.head-nav li a {
    font-size: 20px;
    color: #333333;
    display: inline-block;
    position: relative;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.head-nav li a:hover {
    color: #1B92EC;
}

.head-nav li a:after {
    content: '';
    top: 40px;
    left: 0;
    background: #1B92EC;
    height: 2px;
    display: none;
    width: 100%;
    position: absolute;
}

.head-nav li.active a {
    color: #1B92EC;
}

.head-nav li.active a:after {
    display: inline-block;
}

.head-right {
    text-align: right;
    float: right;
    padding-top: 45px;
}

.head-right > div {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 15px;
}

.head-right > div i {
    background: #ee4f5c;
    color: white;
    font-size: 12px;
    border-radius: 10px !important;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -7px;
    right: -10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    font-style: normal;
}

.left-nav {
    padding: 10px 0;
}

.left-nav li {
    width: 220px;
    height: 40px;
    font-size: 16px;
    padding-left: 22px;
    line-height: 40px;
    border-left: 4px solid transparent;
    margin-bottom: 10px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.left-nav li a {
    color: #333;
}

.left-nav li.active {
    background: #eef4ff;
    border-left: 4px solid #1B92EC;
}

.left-nav li.active a {
    color: #1B92EC;
}

.left-nav li:hover {
    background: #eef4ff;
}

.left-nav li:hover a {
    color: #1B92EC;
}

.t {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.container-title h3 {
    margin-top: 15px;
    font-size: 18px;
    margin-bottom: 14px;
}

.container-title h3 small {
    font-size: 14px;
    color: #666666;
    margin-left: 11px;
}

.matter-card-title {
    margin-bottom: 15px;
    font-size: 16px;
}

.matter-card-title i {
    width: 5px;
    height: 5px;
    border-radius: 50% !important;
    background: #a0a0a0;
    display: inline-block;
    margin: 0 10px 3px 10px;
}

.matter-card-title span {
    color: #999;
}

.matter-card-main {
    padding-bottom: 10px;
}

.matter-card-main ul {
    overflow: hidden;
    height: 80px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.matter-card-main ul li {
    width: 24.2%;
    margin-right: 1%;
    height: 80px;
    background: white;
    margin-bottom: 1%;
    float: left;
    border: 1px solid transparent;
}

.matter-card-main ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #999999;
    text-align: center;
    font-size: 16px;
    line-height: 80px;
}

.matter-card-main ul li a:hover {
    color: #999999 !important;
}

.matter-card-main ul li a span {
    font-size: 30px;
    margin-right: 10px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.matter-card-main ul li:hover {
    box-shadow: 0 0 10px 2px #dcdde0;
}

.matter-card-main ul li:nth-child(4n+4) {
    margin-right: 0;
}

.matter-card-main ul li:nth-child(3n+2) a span {
    color: #f16959;
}

.matter-card-main ul li:nth-child(3n+3) a span {
    color: #32c5d2;
}

.matter-card-main ul li:nth-child(3n+4) a span {
    color: #8e44ad;
}

.matter-card-main ul li.active {
    background: #4e96dd;
}

.matter-card-main ul li.active a {
    color: white;
}

.matter-card-main ul li.active a span {
    color: white;
}

.matter-card-main ul li.active a:hover {
    color: white !important;
}

.card-button {
    text-align: center;
    color: #1B92EC;
    padding-top: 15px;
}

.card-button i {
    margin-right: 7px;
    cursor: pointer;
    font-style: normal;
}

.card-button span {
    cursor: pointer;
}

.matter-list {
    background: white;
}

.matter-list > ul li {
    border-bottom: 1px solid #f1f1f1;
    padding: 25px 20px 16px 20px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.matter-list > ul li:hover {
    background: #f9f9f9;
}

.matter-list > ul h3 {
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #000000;
}

.matter-list > ul p {
    margin-bottom: 12px;
}

.matter-list > ul p span {
    display: inline-block;
    margin-right: 90px;
    color: #999999;
}

.matter-list > ul p .dtFont {
    margin-right: 5px;
}

.matter-list > ul p:nth-last-of-type(1) {
    margin-bottom: 0;
}

.page-wrapper .page-content {
    background: transparent;
    position: relative;
}

.wrap-fenYe {
    padding: 40px 0 70px 0;
}

.fenYe {
    position: relative;
    width: 800px;
    margin: 0 auto;
    color: #999999;
}

.fenYe > span {
    float: left;
    padding-top: 3px;
    border: none;
}

.fenYe > ul {
    float: right;
}

.fenYe > ul li {
    float: left;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #eeeeee;
    margin-right: 10px;
}

.fenYe > ul li a {
    color: #999999;
    min-width: 2px;
    border: none !important;
    margin-right: 0;
    padding: 0;
}

.fenYe > ul li a:hover {
    color: white !important;
}

.fenYe > ul li.active {
    background: #1B92EC;
    border: 1px solid transparent;
}

.fenYe > ul li.active a {
    color: white;
}

.fenYe > ul li:hover {
    background: #1B92EC;
    border: 1px solid transparent;
}

.fenYe > ul li:hover a {
    color: white;
}

.fenYe > div {
    float: right;
    margin-left: 5px;
}

.fenYe > div label {
    font-weight: normal;
    margin-right: 10px;
}

.fenYe > div input[type='text'] {
    width: 45px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    border: 1px solid #eeeeee;
}

.fenYe > div input[type='submit'] {
    border: none;
    background: transparent;
    color: #1B92EC;
    outline: none;
}

.fenYe > form {
    float: right;
    margin-left: 5px;
}

.fenYe > form label {
    font-weight: normal;
    margin-right: 10px;
}

.fenYe > form input[type='text'] {
    width: 45px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    margin-right: 5px;
    border: 1px solid #eeeeee;
}

.fenYe > form input[type='submit'] {
    border: none;
    background: transparent;
    color: #1B92EC;
    outline: none;
}

.fenYe > form input[type='submit']:hover {
    color: #1d72fb !important;
}

.search {
    width: 100%;
    height: 80px;
    background: white;
    padding: 20px;
    position: relative;
}

.NavSearch {
    height: 40px;
    position: relative;
}

.NavSearch.myHNavSearch {
    top: 0;
    left: -20px;
}

.NavSearch.myHNavSearch .NavSearchSelect {
    border: none;
}

.NavSearch > div {
    height: 100%;
    float: left;
}

.NavSearchSelect {
    width: 130px;
    position: relative;
    background: #f3f6f9;
    color: #666666;
    margin-right: 20px;
}

.NavSearchSelect h3 {
    height: 100%;
    margin: 0;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
    position: relative;
}

.nowrap {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.NavSearchSelect h3 span {
    display: block;
    float: left;
    height: 38px;
    width: 100px;
    text-align: left;
    padding-left: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.NavSearchSelect h3 b {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    font-size: 0;
    text-align: center;
    height: 38px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.NavSearchSelect h3 b.active {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}

.NavSearchList::-webkit-scrollbar {
    display: block;
    width: 5px;
}


.NavSearchList {
    display: none;
    min-width: 100%;
    list-style: none;
    margin: 0;
    padding: 8px 20px;
    text-align: left;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: 45px;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 5px !important;
    background: #f3f6f9;
    z-index: 8;
}

.NavSearchList li {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.NavSearchList li span {
    cursor: pointer;
}

.NavSearchList li:hover {
    color: #50a5ff;
}

.NavSearchInput {
    width: 300px;
    border-right: none;
    background: #f3f6f9;
}

.NavSearchInput input {
    width: 100%;
    height: 100%;
    padding-left: 12px;
    border: none;
    background: #f3f6f9;
    outline: none;
    font-size: 14px;
}

.NavSearchSubmit {
    width: 60px;
    background: #f3f6f9;
    cursor: pointer;
    padding: 10px 0 0 20px;
}

.ban-body {
    background: white;
    width: 100%;
    overflow-y: auto;
    height: calc(100vh - 150px) !important;
}

.ban-body::-webkit-scrollbar {
    display: none;
}

.ban-body-ul > li {
    padding: 15px 20px 17px 20px;
    border-bottom: 1px solid #f1f1f1;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background-repeat: no-repeat;
    background-position: right 12px top 12px;
}

.ban-body-ul > li:hover {
    background-color: #f9f9f9;
    background-repeat: no-repeat;
}

.ban-body-ul > li h4 {
    margin-bottom: 10px;
    font-weight: 300;
    margin-top: 5px;
}

.ban-body-ul > li h4 a {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    font-size: 20px;
    color: #333;
    cursor: default;
}

.ban-body-ul > li h4 a:hover {
    color: #333 !important;
}

.ban-body-ul > li h4 .usable {
    background: #1B92EC;
    color: white;
    display: inline-block;
    border-radius: 2px !important;
    padding: 3px 5px;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 0px;
}

.ban-body-ul > li h4 .unusable {
    background: #ff9900;
}

.unusable {
    background: #ff9900 !important;
}

.ban-body-ul > li h4 .Unaudited {
    color: #ff9900;
    font-size: 18px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
}

.Unaudited {
    color: #ff9900;
    font-size: 18px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
}

.ban-body-ul > li p {
    color: #999;
    margin-bottom: 5px;
    overflow: hidden;
    width: 80%;
    line-height: 1.6;
}

.ban-body-ul > li p span {
    display: inline-block;
    float: left;
    width: 33%;
    line-height: 1.6;
}

.ban-body-ul > li p span:last-child {
    margin-right: 0;
}

.ban-body-ul > li > div {
    position: relative;
    left: 0;
}

.ban-body-ul > li > div a {
    margin-right: 40px;
}

.ban-body-ul > li > div a i.dtFont {
    margin-right: 5px;
}

.column4 > li p span {
    width: 25%;
}

.column5 > li p span {
    width: 20%;
}

.jdt {
    padding: 10px 0 0 10px;
}

.jdt dl {
    width: 580px;
    overflow: hidden;
    position: relative;
    margin-bottom: 10px;
}

.jdt dl dt {
    width: 470px;
    height: 1px;
    background: #b9b9b9;
    position: absolute;
    top: 7px;
    left: 0;
    z-index: 1;
}

.jdt dl dt span {
    display: block;
    height: 1px;
    background: #32c5d2;
}

.jdt dl dd {
    width: 15px;
    height: 15px;
    border-radius: 50% !important;
    float: left;
    margin-right: 100px;
    border: 1px solid #b9b9b9;
    position: relative;
    z-index: 2;
    color: white;
    background: #999999;
    font-size: 12px;
    text-align: center;
    line-height: 1;
}

.jdt dl dd span {
    line-height: 1;
    font-size: 12px;
    margin-left: -1px;
}

.jdt dl dd:last-child {
    margin-right: 0;
}

.jdt dl dd.active {
    background: #32c5d2;
    border: 1px solid #32c5d2;
}

.jdt ul {
    overflow: hidden;
    width: 580px;
    font-size: 14px;
    color: #999999;
    position: relative;
    left: -53px;
}

.jdt ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.jdt ul li.active {
    color: #32c5d2;
}

.jdt2 dl dd {
    width: 20px;
    height: 20px;
    line-height: 18px;
}

.jdt2 dl dt {
    width: 490px;
    top: 9px;
}

.jdt2 ul {
    width: 600px;
    left: -50px;
}

.iconList1 {
    position: absolute;
    top: 50%;
    right: 25px;
}

.iconList1 a {
    display: inline-block;
}

.iconList1 a img {
    margin-top: -2px;
    margin-right: 5px;
}

.iconList1 a:first-child + a {
    margin-left: 20px;
}

.iconList1 a i.dtFont {
    margin-right: 5px;
}

.iconList1.iconList3 {
    top: 50%;
    right: 25px;
}

.iconList1.iconList3 a {
    display: block;
    margin-bottom: 10px;
}

.iconList1.iconList3 a:first-child + a {
    margin-left: 0;
}

.iconList1.iconList3 a:last-child {
    margin-bottom: 0;
}

.iconList1.iconList3 a i.dtFont {
    margin-right: 5px;
}

.main {
    background: white;
    width: 100%;
    position: relative;
    height: 100%;
}

.mainTitle {
    left: 0;
    top: 0;
}

.mainTitle p {
    padding: 20px;
    margin-bottom: 0;
    font-size: 18px;
    border-bottom: 1px solid #eeeeee;
    line-height: 1;
    overflow: hidden;
}

.mainTitle p a {
    font-size: 14px;
    margin-left: 15px;
}

.mainTitle p a i.dtFont {
    margin-right: 5px;
}

.info-table {
    padding: 30px 0;
}

.info-table li {
    /*1109  delete*/
    margin-bottom: 20px;
    overflow: hidden;
}

.info-table li div {
    float: left;
}

.info-table li div:first-child {
    width: 60%;
}

.info-table li div:first-child span:first-child + span {
    width: 425px;
    color: #333;
}

.info-table li div:first-child + div {
    width: 40%;
}

.info-table li div:first-child + div span:first-child + span {
    width: 225px;
    color: #333;
}

.info-table li div span {
    float: left;
    display: inline-block;
    font-size: 16px;
}

.info-table li div span:first-child {
    color: #999999;
    margin-right: 20px;
    width: 120px;
    text-align: right;
}

.m-alert {
    text-align: center;
    padding: 30px 0 0 0;
}

.m-alert h3 {
    margin: 20px 0 20px 0;
    font-size: 14px;
}

.m-alert p {
    font-size: 12px;
    color: #999999;
}

.m-alert .m-alertButton {
    font-size: 14px;
    padding-top: 10px;
}

.m-alert .m-alertButton input {
    padding: 5px 20px;
    border: 1px solid #e5e5e5;
    border-radius: 15px !important;
    cursor: pointer;
    outline: none;
}

.m-alert .m-alertButton input:first-child {
    background: white;
    color: #999;
}

.m-alert .m-alertButton input:first-child + input {
    background: #2e70da;
    border-color: #2e70da;
    color: white;
}

.addPerson > li p {
    margin-bottom: 11px;
}

.addPerson > li p span {
    margin-right: 0 !important;
    width: 230px;
}

.addPerson > li p span:nth-child(2) {
    width: 330px;
}

.w790 {
    width: 790px;
    position: relative;
    background: white;
    margin: 0 auto;
}

.right-column {
    width: 790px;
    height: calc(100vh - 110px);
    position: fixed;
    top: 110px;
    right: -800px;
    box-shadow: -3px 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: -3px 0 15px rgba(0, 0, 0, 0.15);
    background: white;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    overflow: auto;
}

.right-column .mainTitle {
    border-bottom: 1px solid #eeeeee;
}

.right-column .mainTitle p {
    border-bottom: none;
}

.right-column .mainTitle {
    width: 100%;
}

b.help-block {
    color: #ed6b75 !important;
    font-size: 12px !important;
    margin-top: 3px;
    margin-bottom: 0;
}

span.help-block {
    color: #ed6b75 !important;
    font-size: 12px !important;
    margin-top: 3px;
    margin-bottom: 0;
}

.columnMain-ul {
    padding: 30px 20px;
    font-size: 16px;
}

.columnMain-ul li {
    padding-bottom: 36px;
}

.columnMain-ul li > div {
    width: 50%;
    position: relative;
    float: left;
}

.columnMain-ul li > div span {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 2px;
    color: #999;
}

.columnMain-ul li > div b {
    font-weight: normal;
    color: #333333;
    display: inline-block;
    vertical-align: top;
}

.columnMain-ul li > div .help-block {
    font-size: 12px;
    padding-left: 10px;
    width: 100%;
    text-align: left;
    margin-top: 3px;
}

.columnMain-ul li > div input {
    width: calc(100% - 100px);
    border: none;
    display: inline-block;
    border-bottom: 1px solid #333;
    outline: none;
    padding-left: 12px;
}

.columnMain-ul li > div select {
    width: 260px;
    border: none;
    border-bottom: 1px solid #333;
    outline: none;
    padding-left: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.columnMain-ul li > div select::-ms-expand {
    display: none;
}

.columnMain-ul li > div p {
    position: absolute;
    left: 98px;
    color: #ec0303;
    top: 28px;
    z-index: 9;
    font-size: 12px;
}

.columnMain-ul > li:after {
    clear: both;
    content: "";
    overflow: hidden;
    height: 0;
    display: block;
}

.personNum .labelR {
    width: auto;
}

.personNum table td > div input {
    width: 80px !important;
    border: none;
    display: inline-block;
    border-bottom: 1px solid #333;
    outline: none;
    padding-left: 12px;
}

.be_sure {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 87px;
    border-top: 1px solid #eeeeee;
    text-align: center;
    padding-top: 25px;
    background: white;
}

.be_sure input {
    width: 120px;
    height: 40px;
    cursor: pointer;
    outline: none;
    background: #e1e5ec;
    color: #666666;
    border: none;
    font-size: 16px;
    border-radius: 2px !important;
}

.be_sure input:hover {
    background: #d6dae0;
}

.be_sure input:nth-of-type(2) {
    background: #1B92EC;
    color: #ffffff;
    margin-left: 40px;
}

.be_sure input:nth-of-type(2):hover {
    background: #0958d8;
}

.be_sure input:nth-of-type(1) {
    margin-left: 0 !important;
}

.be_sure .she-generate {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 25px;
}

.person {
    max-width: 900px;
    background: white;
    margin: 0 auto;
    position: relative;
}

.person-title {
    font-size: 16px;
    color: #666666;
    margin: 0;
    padding: 10px 20px 15px 20px;
}

.person-left {
    width: 25%;
    float: left;
}

.person-right {
    width: 75%;
    float: left;
    border-left: 1px solid #eeeeee;
    height: 100%;
    position: relative;
}

.person-left-list {
    padding: 0 20px;
}

.person-left-list li {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    line-height: 1;
    padding: 6px 9px;
    background: #f6f7fb;
    font-size: 14px;
    color: #666666;
}

.person-left-list li img {
    position: relative;
    top: -1px;
    cursor: pointer;
}



.dlglayer .search-input span {
    left: auto !important;
}

div.search-input {
    position: relative;
    width: 70.83333333%;
    border: 1px solid #eeeeee !important;
    height: 40px;
    margin-left: 20px;
}

div.search-input input[type='text'] {
    width: calc(100% - 35px);
    height: 100%;
    outline: none;
    border: none;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1;
}

div.search-input input[type='image'] {
    outline: none;
    border: none;
    cursor: pointer;
    margin: 0 0 0 8px;
    position: relative;
    top: 4px;
}

div.search-input span {
    position: absolute;
    color: #1B92EC;
    cursor: pointer;
    font-size: 14px;
    top: 8px;
    right: -100px;
}

.searched-list {
    height: 397px;
    overflow-y: auto;
    width: 100%;
    padding: 20px 0 10px 0;
}

.searched-list > ul > li {
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    color: #666666;
    overflow: hidden;
    border-bottom: 1px solid #eeeeee !important;
    cursor: pointer;
}

.searched-list > ul > li:hover {
    background: #f6f7fb;
}

.searched-list > ul > li:last-child {
    border-bottom: none;
}

.searched-list > ul > li input {
    width: 20px;
    display: inline-block;
    height: 20px;
    border: 1px solid #e9ecf3;
    border-radius: 2px !important;
    float: left;
    background: white;
    line-height: 60px;
    margin-right: 10px;
    position: relative;
    top: 17px;
    cursor: pointer;
}

.searched-list > ul > li span {
    display: inline-block;
    float: left;
}

.searched-list > ul > li span:nth-of-type(1) {
    width: 130px;
}

.searched-list > ul > li span:nth-of-type(2) {
    color: #999;
    width: 160px;
}

.searched-list > ul > li span:nth-of-type(3) {
    color: #999;
    float: right;
}

.searched-list > ul > li span:nth-of-type(4) {
    margin-left: 20%;
}

.searched-list .wrap-fenYe {
    padding: 15px 20px;
}

.searched-list .wrap-fenYe .fenYe {
    width: 450px;
}

.introduction {
    padding: 30px 20px;
}

.introduction > p {
    padding: 0 10px;
    margin: 0;
    font-size: 16px;
    color: #333333;
    text-indent: 2em;
    line-height: 36px;
}

.editor {
    width: 100%;
    border: 1px solid #eeeeee;
    height: 360px;
}

.company-zzList {
    padding: 30px;
}

.company-zzList li {
    width: 11.45%;
    height: 250px;
    padding: 10px 12px 12px 12px;
    border: 1px solid #eeeeee;
    margin-bottom: 60px;
    margin-right: 3.3%;
    position: relative;
    float: left;
    text-align: center;
    box-shadow: 0 0 10px rgba(200, 200, 200, 0.5);
}

.company-zzList li:nth-child(7n+7) {
    margin-right: 0;
}

.company-zzList li:hover {
    box-shadow: none;
}

.company-zzList li:hover section {
    opacity: 1;
}

.company-zzList li > div {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.company-zzList li > div > img {
    width: 100%;
    display: block;
    position: relative;
    left: 0;
}

.company-zzList li section {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.company-zzList li section a {
    display: block;
    color: white;
    font-size: 16px;
    margin-bottom: 10px;
}

.company-zzList li section a:hover {
    color: white !important;
}

.company-zzList li section a:last-child {
    margin-bottom: 0;
}

.company-zzList li section a img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.company-zzList li section a .dtFont {
    margin-right: 5px;
    font-size: inherit;
}

.company-zzList li > p {
    font-size: 16px;
    line-height: 1;
    padding: 20px 0 15px 0;
    margin: 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -40px;
}

.aptitude {
    width: 100%;
    /*padding: 0 20px;*/
}

.aptitude > div {
    position: relative;
}

.aptitude.aptitudePaLeft {
    padding: 0 20px 0 0;
}

.aptitude.aptitudePaLeft .aptTcontent {
    padding-left: 20px;
}

.aptTcontent {
    /*h3{
    font-size: 18px;
    margin: 0;
    padding: 20px 0;
    line-height: 1;
  }*/
}

.aptTcontent .text-body {
    background: #f6f7fb;
    padding: 30px 25px;
}

.aptTcontent .text-body p {
    line-height: 2;
    font-size: 16px;
}

.aptitude-left {
    float: right;
    width: calc(100% - 254px);
    height: calc(100vh - 60px) !important;
    padding: 0 30px !important;
}

.aptitude-right {
    float: right;
    width: 254px;
    height: calc(100vh - 60px);
    overflow-y: auto;
    z-index: 3;
    box-shadow: 6px 0px 8px 0px rgba(213, 218, 222, 0.27);
}

.constitution {
    position: relative;
}

.constitution li:after {
    display: block;
    content: '';
    clear: both;
    overflow: hidden;
    height: 0;
}

.constitution li > div:first-child {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    float: left;
    border-radius: 50% !important;
    line-height: 20px;
    text-align: center;
    color: white;
    background: #b9b9b9;
    position: relative;
    z-index: 2;
}

.constitution li > div:first-child + div {
    width: calc(100% - 30px);
    float: left;
    line-height: 18px;
    text-align: left;
}

.constitution li > div:first-child + div h3 {
    margin: 0;
    font-size: 15px;
    cursor: pointer;
}

.constitution li > div:first-child + div h3:hover {
    color: #1B92EC;
}

.constitution li.done {
    color: #333333;
}

.constitution {
    color: #999;
    padding: 30px 20px 30px 30px;
}

.constitution > li {
    margin-bottom: 30px;
}

.constitution > li.actived .green {
    background: #1B92EC !important;
}

.constitution .green {
    background: #c6c8ca !important;
    color: white;
}

.scn-list {
    padding-top: 20px;
}

.scn-list li {
    color: #999999;
}

.scn-list li:hover {
    color: #1B92EC;
}

.scn-list li p {
    margin-bottom: 15px;
    cursor: pointer;
}

.scn-list li > div:first-child {
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.scn-list li:last-child p:nth-last-of-type(1) {
    margin-bottom: 0;
}



/*.line{
  position: absolute;
  top: 0;
  left: 9px;
  height: 100%;
  width: 1px;
  z-index: 1;
  background: #c6c6c6;
  div{
    background: #13c466!important;
    width: 1px;
  }
}*/
.line2 {
    position: absolute;
    top: 30px;
    left: 40px;
    height: 76%;
    width: 1px;
    z-index: 1;
    background: #d4e7fb;
}

.line2 div {
    background: #d4e7fb !important;
    width: 1px;
}

.diploma.ban-body-ul > li > div {
    left: 0;
}

.diploma.ban-body-ul > li > div a img {
    margin-top: -2px;
    margin-right: 5px;
}

.diploma.ban-body-ul > li p span {
    display: inline-block;
}

.diploma-alert {
    padding: 20px 30px 20px;
    position: relative;
    height: calc(100vh - 190px);
    overflow: auto;
}

.diploma-alert section {
    margin-bottom: 20px;
}

.diploma-alert h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
}

.diploma-alert .diploma-alertList li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.diploma-alert .diploma-alertList li span {
    display: inline-block;
    color: #999;
    font-size: 14px;
    width: 90px;
    text-align: right;
    margin-right: 12px;
    vertical-align: top;
}

.diploma-alert .diploma-alertList li:nth-child(2n+1) span {
    width: 75px;
}

.diploma-alertList2 {
    padding: 0 20px;
    background: #f6f7fb;
}

.diploma-alertList2 li {
    float: none;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
    color: #666666;
    margin-bottom: 0;
}

.diploma-alertList2 li span {
    text-align: left;
    display: inline-block;
}

.diploma-alertList2 li span:first-child {
    width: 320px;
}

.diploma-alertList2 li span:first-child + span {
    width: 80px;
}

.diploma-alertList2 li span:first-child + span + span {
    width: 125px;
    float: right;
}

.diploma-alertList2 li span:first-child + span + span a:first-child {
    margin-right: 20px;
}

.diploma-alertList2 li span:first-child + span + span img {
    margin-top: -2px;
    margin-right: 5px;
}

.diploma-alertList2 li:last-child {
    border-bottom: none;
}

.rzTime {
    position: relative;
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
    text-align: right;
}

.rzTime.ArzTime {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}

.dianYL li {
    width: 180px;
    height: 245px;
    padding: 12px;
    margin-bottom: 30px;
    margin-right: 4%;
    float: left;
    position: relative;
    border: 1px solid #eeeeee;
    text-align: center;
}

.dianYL li:hover > div section {
    opacity: 1;
}

.dianYL li > div {
    height: 100%;
    overflow: hidden;
}

.dianYL li > div > img {
    width: 100%;
    display: block;
}

.dianYL li > div section {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.dianYL li > div section a {
    display: block;
    color: white;
    font-size: 16px;
    margin-bottom: 20px;
}

.dianYL li > div section a:hover {
    color: white !important;
}

.dianYL li > div section a img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.dianYL li > div section a i.dtFont {
    font-size: inherit;
    margin-right: 5px;
}

.dianYL li > div section a:last-child {
    margin-bottom: 0;
}

.TCbody {
    height: 340px; /* modified by wangj  437*/
    overflow-y: auto;
}

.yq_info {
    width: 782px;
    height: 480px;
    background: white;
    position: relative;
}

.contactUs li {
    background: white;
    margin-bottom: 10px;
}

.contactUs dl {
    padding-top: 20px;
    padding-bottom: 5px;
    margin: 0;
}

.contactUs dl:after {
    display: block;
    content: '';
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.contactUs dl dd {
    float: left;
    width: 50%;
    margin-bottom: 15px;
}

.contactUs dl dd span {
    display: inline-block;
    width: 85px;
    margin-right: 20px;
    color: #999999;
    text-align: right;
}

.contactUs2 {
    padding: 30px 20px;
}

.contactUs2 > section {
    border: 1px solid #eeeeee;
    padding: 30px 0 30px 180px;
    position: relative;
    margin-bottom: 20px;
}

.contactUs2 .contactUs2-img {
    width: 180px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contactUs2 .contactUs2-img > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.contactUs2 .contactUs2-M {
    border-left: 1px solid #eeeeee;
    padding-left: 50px;
}

.contactUs2 .contactUs2-M h3 {
    margin: 0 0 30px 0;
    font-size: 20px;
    color: #333333;
    line-height: 1;
}

.contactUs2 .contactUs2-M h3 > span {
    font-family: "Microsoft YaHei Light";
    font-weight: bold;
}

.contactUs2 .contactUs2-M h3 a {
    position: relative;
    margin-left: 10px;
}

.contactUs2 .contactUs2-M h3 a i {
    font-size: 20px;
}

.contactUs2 .contactUs2-M h3 a .m-helpTip {
    width: 60px;
    left: -13px;
    bottom: 32px;
}

.contactUs2 .contactUs2-Mlist li {
    width: 25%;
    float: left;
    height: 48px;
}

.contactUs2 .contactUs2-Mlist li > div:first-child {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50% !important;
    float: left;
    box-shadow: 0 4px 19px 1px #eeeeee;
    line-height: 40px;
    text-align: center;
}

.contactUs2 .contactUs2-Mlist li > div:first-child i {
    font-size: 18px;
    color: #1B92EC;
}

.contactUs2 .contactUs2-Mlist li > div:first-child + div {
    width: calc(100% - 60px);
    float: left;
}

.contactUs2 .contactUs2-Mlist li > div:first-child + div h4 {
    line-height: 1;
    font-size: 14px;
    color: #999999;
    margin: 0 0 10px 0;
}

.contactUs2 .contactUs2-Mlist li > div:first-child + div p {
    line-height: 1.5;
    font-size: 16px;
    color: #333;
    margin: 0 0 0 0;
}

.contactUs2 .contactUs2-Mlist li:nth-child(n+5) {
    margin-top: 30px;
    width: 80%;
}

.contactUs2 .contactUs2-Mlist li:nth-child(4n+1) > div:first-child i {
    color: #1B92EC;
}

.contactUs2 .contactUs2-Mlist li:nth-child(4n+2) > div:first-child i {
    color: #3fcf83;
}

.contactUs2 .contactUs2-Mlist li:nth-child(4n+3) > div:first-child i {
    color: #f8b80c;
}

.contactUs2 .contactUs2-Mlist li:nth-child(4n+4) > div:first-child i {
    color: #ff83a3;
}

.contactUs2 .contactUs2-Mlist li:after {
    content: '';
    height: 0;
    overflow: hidden;
    clear: both;
}

.ban-body-ul > li h4 small {
    display: inline-block;
    color: #ee4f5c;
    background: #feeaec;
    padding: 4px 6px;
    line-height: 1;
    margin-left: 15px;
    position: relative;
    top: -2px;
}

.ban-body-ul > li h4 small:after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 5px;
    left: -6px;
    border-right: 6px #feeaec solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.ban-body-ul > li h4 i {
    display: inline-block;
    font-style: normal;
    padding: 5px 10px 5px 20px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    font-size: 18px;
    background: wheat;
    float: right;
    position: relative;
    right: -20px;
}

.ban-body-ul > li h4 i.sure-ing {
    color: #ff9900;
    background: #feefe6;
}

.ban-body-ul > li h4 i.no-sure {
    color: #ee4f5c;
    background: #f5e6eb;
}

.ban-body-ul > li h4 i.sure-ed {
    color: #1B92EC;
    background: #eaf0fb;
}

.ban-body-ul > li h4 i.sure-oring {
    color: #ffffff;
    background: #f76208;
}

.ban-body-ul > li h4 i.sure-glay {
    color: #999999;
    background: #f0f0f0;
}

.ban-body-ul > li h4 i.sure-glay {
    color: #999999;
    background: #f0f0f0;
}

.ban-body-ul > li h4 i.sure-green2 {
    color: #13c566;
    background: #e3faee;
}

.ban-body-ul > li h4 small.green2 {
    color: #13c566;
    background: #e3faee;
}

.ban-body-ul > li h4 small.green2:after {
    border-right: 6px #e3faee solid;
}

.ban-body-ul > li h4 small.orange2 {
    color: #ff9900;
    background: #fee5d6;
}

.ban-body-ul > li h4 small.orange2:after {
    border-right: 6px #fee5d6 solid;
}

.ban-body-ul > li h4 small.blue2 {
    color: #1B92EC;
    background: #dfebfd;
}

.ban-body-ul > li h4 small.blue2:after {
    border-right: 6px #dfebfd solid;
}

.ban-body-ul > li h4 small.red2 {
    color: #ee4f5c;
    background: #fcdbde;
}

.ban-body-ul > li h4 small.red2:after {
    border-right: 6px #fcdbde solid;
}

.YmContent i {
    font-size: 14px;
    padding: 2px 5px;
    font-style: normal;
    background: transparent !important;
    color: #333333 !important;
}

i.sure-ing {
    color: #ff9900;
    background: #feefe6;
}

i.no-sure {
    color: #ee4f5c;
    background: #f5e6eb;
}

i.sure-ed {
    color: #1B92EC;
    background: #eaf0fb;
}

i.sure-oring {
    color: #ffffff;
    background: #f76208;
}

i.sure-glay {
    color: #999999;
    background: #f0f0f0;
}

i.sure-green2 {
    color: #13c566;
    background: #e3faee;
}

.f5 {
    position: absolute;
    top: 20px;
    right: 20px;
}

.f5 a {
    display: inline-block;
    border-radius: 2px !important;
    line-height: 1;
    color: #1B92EC;
    padding: 10px 20px;
    text-align: center;
    border: 1px solid #1B92EC;
    margin-right: 20px;
}

.f5 a:last-child {
    margin-right: 0;
}

.f5.yj-f5 a {
    background: #1B92EC;
    color: white;
}

.f5.yj-f5 a:hover {
    color: white !important;
    background: #0958d8 !important;
}

#alert3 .right-column {
    position: relative;
    top: 0;
    left: 0;
    height: auto;
}

#alert3 .right-column .diploma-alert {
    height: auto;
}

.record.last:before {
    height: 100%;
}

.record {
    position: relative;
}

.record:before {
    display: block;
    width: 1px;
    height: 130%;
    left: 61px;
    top: 0;
    background: #eeeeee;
    content: '';
    position: absolute;
}

.record > section {
    padding-left: 50px;
    margin-bottom: 60px;
}

.record > section i {
    margin-right: 20px;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.record > section span {
    color: #3fcf83;
    position: relative;
    top: 4px;
}

.record > div {
    margin-bottom: 40px;
}

.record > div h3 {
    width: 55px;
    float: left;
    margin: 0;
    font-size: 14px;
}

.record > div i {
    display: block;
    width: 12px;
    height: 12px;
    border: 2px solid #3fcf83;
    border-radius: 50% !important;
    background: white;
    position: relative;
    z-index: 2;
    margin-right: 20px;
    float: left;
}

.record > div > div {
    float: left;
    width: calc(100% - 88px);
}

.record > div > div h4 {
    font-size: 14px;
    margin: 0 0 10px 0;
    line-height: 1;
}

.record > div > div h4 a {
    display: inline-block;
    margin-left: 30px;
}

.record > div > div h4 a:hover {
    color: #0958d8;
}

.record > div > div span {
    display: inline-block;
    margin-right: 30px;
    font-size: 12px;
    color: #999999;
}

.record > div:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden;
}

.talk {
    width: 100%;
    max-width: 420px;
    background: white;
    padding: 40px 30px 30px;
}

.talk > section {
    margin-bottom: 40px;
}

.talk .talk-main p {
    text-indent: 2em;
    line-height: 2;
}

.talk .talk-btn {
    text-align: center;
}

.talk .talk-btn a {
    display: inline-block;
    padding: 5px 20px;
    width: 100px;
    border-radius: 15px !important;
}

.talk .talk-btn a:first-child {
    margin-right: 30px;
    color: #666666;
    border: 1px solid #eee;
}

.talk .talk-btn a:first-child + a {
    color: white;
    background: #1B92EC;
}

.talk-b {
    color: #999999;
    padding: 0 15px;
}

.be_sureW input.btn_red {
    background: #e7505a;
    color: #ffffff;
    margin-left: 40px;
}

.be_sureW input.btn_red:hover {
    background: #e23d48;
}

.be_sureW input.btn_blue {
    background: #1B92EC;
    color: #ffffff;
    margin-left: 40px;
}

.be_sureW input.btn_blue:hover {
    background: #0958d8;
}

.be_sureW input.btn_defalut {
    background: #e1e5ec;
    color: #666666;
    margin-left: 40px;
}

.be_sureW input.btn_defalut:hover {
    background: #d6dae0;
}

.be_sureW input.btn_ws {
    background: transparent;
    color: #999;
    border: 1px solid #eeeeee;
}

.be_sureW input.btn_ws:hover {
    background: #e1e5ec;
    color: #666666;
}

.aptTcontent {
    padding-right: 0px; /* modified by wangj  20px */
    overflow-y: auto;
    height: 100% !important;
}

.tran {
    color: #999999;
    margin-top: 10px;
}

.tran input {
    width: 16px;
    height: 16px;
    margin: 0 7px 0 0;
    vertical-align: sub;
    cursor: pointer;
}

.aptTcontentForm {
    padding: 10px 0 10px 0;
}

.aptTcontentForm p {
    margin-bottom: 20px;
}

.aptTcontentForm p label {
    font-size: 16px;
    color: #999;
    margin-right: 15px;
}

.aptTcontentForm p select {
    width: 460px;
    height: 40px;
    border: none;
    outline: none;
    border-bottom: 1px solid #eeeeee;
    padding-left: 10px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.aptTcontentForm p select::-ms-expand {
    display: none;
}

.aptTcontentForm p .searchable-select {
    width: 460px;
}

.aptTcontentForm_s:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
    visibility: hidden;
}

.aptTcontentForm_s p {
    width: 50%;
    float: left;
    margin-bottom: 0;
}

.aptTcontentForm_s p label {
    vertical-align: bottom;
    height: 35px;
    line-height: 35px;
    margin-bottom: 0;
}

.aptTcontentForm_s p span {
    display: inline-block;
    max-width: calc(100% - 200px);
}

.aptTcontentForm_s .xxfJ {
    position: relative;
    top: -8px;
}

.fast > section {
    background: #f6f7fb;
    margin-bottom: 20px;
}

.fast-top {
    padding: 20px 20px 0 20px;
}

.fast-top h3 {
    margin: 0 0 20px 0;
    font-size: 16px;
    padding: 0;
}

.fast-top > p {
    color: #999999;
    font-size: 14px;
}

.fast-top h4 a {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}

.renDetail {
    width: 1090px;
    margin: 0 auto;
}

.renDetail-card {
    background: white;
    padding: 25px;
    margin-bottom: 30px;
}

.renDetail_pic {
    width: 112px;
    height: 147px;
    overflow: hidden;
    font-size: 0;
}

.renDetail_pic img {
    width: 100%;
}

.renDetail-cardM {
    padding-left: 20px;
    width: calc(100% - 112px);
}

.renDetail-cardM h2 {
    margin: 0;
    line-height: 1;
    font-size: 18px;
}

.renDetail-cardM dl {
    padding: 20px 0;
    margin: 0;
}

.renDetail-cardM dl dd {
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding: 3px 8px 5px 8px;
    color: #1B92EC;
    border: 1px solid #1B92EC;
    border-radius: 2px !important;
    line-height: 1;
    font-size: 14px;
}

.renDetail-cardM ul li {
    margin-bottom: 15px;
    color: #333;
    float: left;
    width: 30%;
    margin-right: 3%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.renDetail-cardM ul li span {
    display: inline-block;
    margin-right: 10px;
    color: #999999;
}

.renDetail-cardM ul li:last-child {
    width: 100%;
    margin-bottom: 0;
}

.ren-tab li {
    display: inline-block;
    padding: 10px 30px;
    background: white;
    line-height: 1;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    vertical-align: bottom;
}

.ren-tab li.active {
    background: #1B92EC;
    padding: 13px 40px;
}

.ren-tab li.active a {
    color: white;
}

.ren-tab li.active a:hover {
    color: white !important;
}

.ren-tab li a {
    color: #333;
    font-size: 14px;
}

.zil_list {
    padding: 25px;
}

.zil_list > li {
    padding: 10px 40px;
    background-color: #f6f7fb;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    border-radius: 5px !important;
    position: relative;
}

.zil_list > li h2 {
    margin: 0;
    font-size: 18px;
    padding: 10px 0 15px 0;
}

.zil_list > li dl {
    margin: 0;
    overflow: hidden;
}

.zil_list > li dl dd {
    float: left;
    width: 50%;
    margin-bottom: 10px;
    line-height: 1.6;
}

.zil_list > li dl dd span {
    color: #999999;
    display: inline-block;
    margin-right: 10px;
}

.zil_list > li.G-icon {
    background-position: right 30px top 13px;
}

.zst-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px 40px 0 0;
    background: rgba(153, 153, 153, 0.4);
    opacity: 0;
    border-radius: 5px !important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.zst-hover a {
    width: 175px;
    height: 45px;
    line-height: 43px;
    text-align: center;
    display: block;
    color: #1B92EC;
    background: white;
    border-radius: 5px !important;
    font-size: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -22px;
}

.zil_list > li:hover .zst-hover {
    opacity: 1;
}

.renDetail-bodyT {
    font-size: 20px;
    padding: 25px 0 10px 30px;
}

.renDetail-bodyT p {
    line-height: 1;
    margin: 0;
}

.ren-tabN {
    padding: 30px 25px;
}

.ren-tabN a {
    display: inline-block;
    padding: 8px 20px 10px 20px;
    margin-right: 10px;
    border: 1px solid #cacaca;
    border-radius: 4px !important;
    line-height: 1;
    color: #a9a2a3;
}

.ren-tabN a.active {
    background: #1B92EC;
    color: white;
    border: 1px solid #1B92EC;
}

.ren-tabN a.active:hover {
    color: white !important;
}

.ren-tabN a:hover {
    color: #a9a2a3 !important;
}

.zil_list .zil_listB {
    width: 88%;
}

.zil_list .zil_listB dd {
    width: 20%;
}

.zil_list .zil_listB dd:nth-child(4) {
    width: 40%;
}

.zil_list .zil_listB dd:nth-child(5) {
    width: 100%;
    padding-right: 90px;
}

.rightTicon {
    color: #13c466;
    background: #dff2eb;
    font-size: 18px;
    position: absolute;
    display: block;
    right: 0;
    top: 16px;
    width: 65px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.rightTicon.green3 {
    color: #13c466;
    background: #dff2eb;
}

.rightTicon.blue3 {
    color: #417fe2;
    background: #e4ebf8;
}

.record.geBen {
    padding: 20px 0 0 0;
}

.record.geBen:before {
    left: 11px;
}

.record.geBen > section {
    padding-left: 0;
}

.record.geBen > section div {
    font-size: 14px;
    width: calc(100% - 45px);
    float: left;
}

.record.geBen > section div p:first-child {
    color: #333;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold;
}

.record.geBen > section div p:first-child + p b {
    display: inline-block;
    font-weight: normal;
}

.record.geBen > section div p:first-child + p b:first-child {
    margin-right: 230px;
}

.record.geBen > div {
    padding-left: 6px;
}

.word_contain {
    padding: 15px 20px;
    margin: 15px 0 10px 0;
    color: #999;
    background: #f6f7fb;
}

.wordC_list {
    border: 1px solid #eeeeee;
    background: #fdfdfe;
    margin-top: 15px;
}

.wordC_list li {
    border-bottom: 1px solid #eeeeee;
    padding: 20px 20px 10px 20px;
}

.wordC_list li:last-child {
    border-bottom: none;
}

.wordC_list h3 {
    margin: 0 0 10px 0 !important;
    font-size: 16px !important;
    width: 100% !important;
    padding: 0;
}

.wordC_list p {
    color: #666666;
}

.wordC_list p span {
    display: inline-block;
    margin-right: 25px;
    font-size: 14px !important;
}

.wordC_list p span:last-child {
    margin-right: 0;
}

.she-describe {
    padding: 25px 0;
    font-size: 14px;
    color: #999999;
}

.she-describe p {
    margin-bottom: 25px;
}

.she-describe h4 {
    font-size: 14px;
    margin: 10px 0 10px 0;
    color: #333333;
}

.she-describe a {
    display: block;
    width: 120px;
    height: 40px;
    background: #1B92EC;
    color: white;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    border-radius: 2px !important;
}

.she-describe a:hover {
    background: #0958d8;
}

.she-Builder .she-describe a:hover {
    color: white !important;
}

.not_btn {
    cursor: default !important;
}

.not_btn:hover {
    background: #1B92EC !important;
}

.she-describe2 {
    padding: 25px 0 10px 0;
    font-size: 14px;
    color: #999999;
}

.she-describe2 h4 {
    font-size: 14px;
    margin: 10px 0 10px 0;
    color: #333333;
}

.she-difference .diploma-alertList2 li span:first-child + span + span {
    width: 225px;
}

.she-difference .diploma-alertList2 li span:first-child + span + span > a:nth-child(2) {
    margin-right: 20px;
}

.she-generate h3 {
    margin: 0 0 20px 0;
    font-size: 14px;
    padding: 0;
}

.she-generate ul {
    margin-bottom: 25px;
}

.she-generate ul li {
    margin-bottom: 20px;
    font-size: 14px;
    color: #999999;
}

.she-generate ul li i {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 10px;
    vertical-align: text-bottom;
}

.she-generate ul li p {
    padding-left: 30px;
    color: #999999;
    margin-bottom: 0;
}

.she-Builder {
    padding-top: 10px;
}

.she-Builder .mainTitle p {
    font-size: 18px;
    padding: 20px 0;
    border-bottom: none;
}

.she-Builder .wordC_list p span {
    color: #999999;
}

.she-Builder-ul li {
    padding: 20px;
    background: #f6f7fb;
    margin-bottom: 2px;
    position: relative;
    padding-right: 80px;
}

.she-Builder-ul li h3 {
    line-height: 1;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 0;
}

.she-Builder-ul li h3.tan-54 {
    margin: 0;
}

.she-Builder-ul li h3.tan-54 span {
    display: inline-block;
    width: 40%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.she-Builder-ul li h3.tan-54 b {
    display: inline-block;
    width: 40%;
    font-weight: normal;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.she-Builder-ul li div span {
    display: inline-block;
    margin-right: 30px;
    color: #999999;
}

.she-Builder-ul li div span:last-child {
    margin-right: 0;
}

.t_section {
    margin-bottom: 40px;
}

.t_sectionT span {
    float: left;
    display: block;
    background: #1B92EC;
    color: white;
    padding: 5px 20px 5px 0;
    position: relative;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}

.t_sectionT span:after {
    content: '';
    display: block;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -20px;
    background: #1B92EC;
}

.t_sectionT i {
    float: left;
    display: block;
    font-style: normal;
    color: #666666;
    margin-left: 20%;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.t_sectionT b {
    float: right;
    display: block;
    font-weight: normal;
    color: #666666;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.NL-homepage {
    background: white;
    padding: 30px;
    margin-bottom: 20px;
}

.NL-homepage-left {
    float: left;
    width: 50%;
}

.NL-homepage-left ul li {
    margin-bottom: 20px;
}

.NL-homepage-left ul li span {
    display: inline-block;
    margin-right: 15px;
    color: #999999;
}

.NL-homepage-right {
    float: right;
    width: 50%;
}

.NL-homepageH {
    font-size: 18px;
    margin: 0;
    margin-bottom: 20px;
}

.YL-homepage {
    padding: 30px;
    background: white;
    margin-bottom: 20px;
}

.YL-homepageOne {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.YL-homepage-left {
    width: 25%;
    float: left;
}

.y-card {
    width: 100%;
    height: 110px;
    background: black;
    text-align: center;
    color: white;
    margin-bottom: 10px;
}

.y-card h4 {
    margin: 0;
    padding: 20px 0 10px 0;
}

.y-card h4 span {
    font-size: 30px;
    font-weight: bold;
}

.y-card:first-child {
    background: -webkit-linear-gradient(left, #f93600, #ff8a00);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #f93600, #ff8a00);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #f93600, #ff8a00);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #f93600, #ff8a00);
    /* 标准的语法 */
}

.y-card:nth-child(2) {
    background: -webkit-linear-gradient(left, #109a8f, #36ed7d);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #109a8f, #36ed7d);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #109a8f, #36ed7d);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #109a8f, #36ed7d);
    /* 标准的语法 */
}

.YL-homepage-right {
    width: 70%;
    float: right;
}

.YL-homepageTow {
    padding: 30px 0 0 0;
}

.XY-homepage {
    background: white;
    padding: 30px;
    margin-bottom: 20px;
}

.aptTcontent2 h3 {
    font-size: 18px;
    margin: 0;
    padding: 20px 0;
    line-height: 1;
}

.aptTcontent2 .text-body {
    background-color: #f6f7fb;
    padding: 30px 25px;
    position: relative;
}

.aptTcontent2 .text-body p {
    line-height: 2;
    font-size: 16px;
}

.Agreed {
    background-position: right 0 top 0 !important;
    background-repeat: no-repeat !important;
}

.noEyes {
    visibility: hidden;
}

.oneTitle {
    margin: 0;
    font-size: 20px;
    padding: 10px 0 15px 0;
}

.oneTitle a {
    font-size: 16px;
}

.oneTitle a i {
    margin-right: 5px;
}

.she-BuildeDelete {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 20px;
}

.she-BuildeDelete img {
    margin-right: 5px;
    position: relative;
    top: -2px;
    vertical-align: middle;
}

.she-BuildeDelete .dtFont {
    margin-right: 5px;
}

.diploma-alertList2 li span:first-child + span + span i.dtFont {
    margin-right: 5px;
}

.detos {
    text-align: center;
}

.detos input {
    width: 120px;
    height: 40px;
    border-radius: 2px !important;
    background: #1B92EC;
    border: none;
    margin-bottom: 20px;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

.z-icon {
    width: 16px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.diploma-alertList2 li {
    overflow: hidden;
}

.down_title {
    text-align: left;
    display: block;
    width: 40%;
    float: left;
}

.down_title span {
    width: auto !important;
}

.down_size {
    float: left;
}

.down_size span {
    width: auto !important;
}

.down_operate {
    float: right;
}

.down_operate i {
    margin-right: 3px;
}

.down_operate a {
    margin-right: 20px;
}

.down_operate a:last-child {
    margin-right: 0;
}

.first-application {
    padding: 30px 35px;
}

.first-application li {
    width: 25%;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

.first-application li a {
    color: #333333;
}

.first-application li a:hover {
    color: #333333 !important;
}

.first-application li a > div {
    height: 60px;
    background: #f4f5f9;
    width: 60px;
    margin: 0 auto 10px auto;
    border-radius: 50% !important;
    line-height: 55px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}

.first-application li a > div:hover {
    /*transform:scale(1.3);
          -webkit-transform:scale(1.3);*/
}

.first-application li a > div img {
    vertical-align: middle;
}

.diploma-alertList3 {
    padding: 10px 20px 30px 20px;
}

.diploma-alertList3 li {
    width: 242px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.diploma-alertList3 li:hover .down-mask {
    opacity: 1;
}

.nothing_data {
    border: none !important;
}

.nothing_data p {
    padding-top: 10px !important;
    color: #ccc;
}

.Science {
    padding-top: 10px;
}

.Science h3 {
    padding: 0 0 10px 0;
    color: #333333;
    line-height: 1.4;
    font-size: 18px;
    margin: 0;
}

.Science h3 small {
    background: #ff9900;
    display: inline-block;
    color: #ffffff;
    font-size: 12px;
    line-height: 1;
    margin-top: 4px;
    padding: 3px 8px 5px 8px;
    margin-left: 5px;
    vertical-align: text-top;
    border-radius: 4px !important;
}

.Science h3 ins {
    color: #ff3333;
    font-size: 14px;
    display: inline-block;
    margin-left: 18px;
    text-decoration: none;
    vertical-align: baseline;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
}

.Science.Science59 dd {
    margin-bottom: 50px;
}

.Science.Science59 dd > h3 {
    font-size: 20px;
}

.Science-des {
    color: #999999;
}

.Science-a a {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
}

.diploma-alertList4 {
    padding: 10px 0;
}

.diploma-alertList4 li {
    width: 242px;
    float: left;
    background: #f6f7fb;
    margin-right: 20px;
    margin-bottom: 20px;
}

.diploma-alertList4 li:hover .down-mask {
    opacity: 1;
}

.down_pic {
    width: 45px;
    height: 46px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.down_ope {
    position: relative;
    color: #999999;
    width: calc(100% - 45px);
    height: 46px;
    padding: 6px 10px 0 10px;
    background: #f6f7fb;
}

.down_ope h4 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 0 4px 0;
    font-size: 14px;
}

.down_ope h4 i {
    font-style: normal;
    line-height: 1.2;
}

.down_ope h4 span {
    line-height: 1.2;
}

.down_ope p {
    margin: 0;
    line-height: 1;
}

.bx:before {
    content: '';
    height: 1px;
    width: 20px;
    background: #eeeeee;
    left: -20px;
    top: -1px;
    position: absolute;
    display: block;
}

.bxR:after {
    content: '';
    height: 1px;
    width: 20px;
    background: #eeeeee;
    right: -20px;
    top: -1px;
    position: absolute;
    display: block;
}

.down-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    text-align: right;
    padding: 12px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.down-mask a {
    margin-left: 20px;
    display: inline-block;
}

.down-mask a:first-child {
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.down-mask a i {
    color: white;
    font-size: 16px;
}

.ban-info {
    background: white;
    padding: 20px 20px;
    margin-bottom: 30px;
}

.ban-infoTitle {
    font-size: 20px;
    margin: 0;
}

.ban-infoField {
    padding: 10px 0;
}

.ban-infoField p {
    margin-bottom: 5px;
}

.ban-infoField p span {
    color: #999999;
    display: inline-block;
    margin-right: 30px;
    max-width: 400px;
    width: 50%;
}

.ban-infoSpeed {
    padding-top: 13px;
    position: relative;
}

.ban-infoSpeedLine {
    position: absolute;
    height: 1px;
    background: #cccccc;
    top: 20px;
    z-index: 2;
    left: 10px;
}

.ban-infoSpeedLine div {
    height: 100%;
    background: #32c5d2;
}

.ban-infoSpeedUl li {
    float: left;
    text-align: center;
    margin-right: 50px;
}

.ban-infoSpeedUl li:last-child {
    margin-right: 0;
}

.ban-infoSpeedUl li > div {
    width: 15px;
    height: 15px;
    background: #999;
    border-radius: 50% !important;
    position: relative;
    z-index: 3;
    display: inline-block;
}

.ban-infoSpeedUl li > div.active {
    background: #32c5d2;
}

.ban-infoSpeedUl li p {
    font-size: 14px;
}

.ban-speed {
    background: white;
    padding: 20px 20px;
}

.ban-speed .ban-infoTitle {
    margin-bottom: 20px;
}

.ban-speed .record > section {
    margin-bottom: 50px;
}

.be_sureW.be_sureE {
    height: auto !important;
    padding: 25px 0 20px 0;
}

.be_sureW.be_sureE .she-generate {
    text-align: left;
    max-height: 240px;
    overflow-y: auto;
}

.more-btn {
    font-size: 16px;
    color: #1B92EC;
    cursor: pointer;
    float: left;
    line-height: 38px;
    margin-left: 15px;
}

.more-btn span {
    margin-right: 5px;
    display: inline-block;
}

.more-btn i {
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.more-btn i.active {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
}

.filtrate {
    display: none;
    width: 100%;
    top: 80px;
    position: absolute;
    left: 0;
    background: white;
    z-index: 3;
    box-shadow: 0 2px 11px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    padding-top: 20px;
    padding-bottom: 20px;
}

.filtrate .form-group {
    margin-bottom: 25px;
}

.filtrate .form-horizontal .control-label {
    color: #999999;
}

.filtrate select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filtrate select::-ms-expand {
    display: none;
}

.addSj {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.addSj::-ms-expand {
    display: none;
}

.fenBu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.btn.btn-outline.blue-steel {
    border-color: #c2cad8;
    color: #999999;
}

.btn.btn-outline.blue-steel:hover,
.btn.btn-outline.blue-steel:active,
.btn.btn-outline.blue-steel:active:hover,
.btn.btn-outline.blue-steel:active:focus,
.btn.btn-outline.blue-steel:focus,
.btn.btn-outline.blue-steel.active {
    border-color: #1B92EC;
    color: #FFFFFF;
    background-color: #1B92EC;
}

.tr-btn button {
    padding: 4px 0;
    text-align: center;
    width: 90px;
    border-radius: 2px !important;
}

.yj_form {
    padding: 0 20px;
}

.yj_form .oneTitle {
    padding: 20px 0 15px 0;
}

.yj_form .row {
    margin-bottom: 5px;
}

.yj_form section {
    margin-bottom: 30px;
}

.yj_form input,
.yj_form select {
    border-top: none;
    border-left: none;
    border-right: none;
}

.yj-scoll {
    height: 100%;
    overflow-y: auto;
    background: white;
}

.iconList1.iconList6 {
    margin-top: -10px;
}

.iconList1.iconList6 a:first-child + a {
    margin-left: 20px;
}

.she-Builder-ulZi li {
    padding-right: 160px;
    position: relative;
}

.she-Builder-ulZi li h3 small {
    display: inline-block;
    border: 1px solid #1B92EC;
    color: #1B92EC;
    border-radius: 2px !important;
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 5px;
}

.she-Builder-ulA {
    padding: 0 20px 20px 20px;
}

.she-Builder-ulA li {
    padding-right: 20px;
}

.she-Builder-ulA li p {
    color: #999999;
    margin-bottom: 0;
    line-height: 1.6;
}

.she-Builder-ulA li > div {
    width: 90%;
}

.she-Builder-ulA li a {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.she-Builder-ul.she-Builder-ulL li {
    background: transparent;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0;
    padding: 20px 0;
}

.she-Builder-ul.she-Builder-ulL li h3.tan-54 b {
    width: 90%;
    color: #666666;
}

.she-Builder-ul.she-Builder-ulL li h2 {
    font-size: 16px;
    margin: 0 0 16px 0;
    line-height: 1.3;
}

.she-Builder-ul.she-Builder-ulL li > div {
    position: relative;
    margin-bottom: 8px;
}

.she-Builder-ul.she-Builder-ulL li > div:nth-last-child(1) {
    margin-bottom: 0;
}

.she-Builder-ul.she-Builder-ulL li b {
    padding: 3px 0;
}

.she-Builder-ul.she-Builder-ulL li b span {
    width: auto;
    max-width: 40%;
    vertical-align: top;
    color: #666666;
}

.she-Builder-ul.she-Builder-ulL li b i {
    display: inline-block;
    width: 12px;
    height: 12px;
    color: #1B92EC;
    border-radius: 50% !important;
    margin-right: 7px;
    vertical-align: inherit;
    transform: translateY(1px);
}

.she-Builder-ul.she-Builder-ulL li b i.color1 {
    background: #ff5f5f;
}

.she-Builder-ul.she-Builder-ulL li b i.color2 {
    background: #2c53a8;
}

.she-Builder-ul.she-Builder-ulL li b i.color3 {
    background: #41c462;
}

.page-container.index-page-container {
    padding: 10px;
}

.five-card {
    margin-bottom: 20px;
}

.five-card li {
    width: 19.2%;
    height: 130px;
    padding: 10px 20px;
    float: left;
    position: relative;
    margin-right: 1%;
    text-align: left;
    color: #333333;
    background: white;
}

.five-card li:last-child {
    margin-right: 0;
}

.five-card li h2 {
    line-height: 1;
    font-size: 28px;
    text-align: left;
    margin-bottom: 10px;
}

.five-card li h2 span {
    font-size: 28px;
}

.five-card li p {
    color: #666;
}

.five-card li > div {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 50% !important;
    text-align: center;
    line-height: 60px;
    color: white;
    top: 20px;
    right: 20px;
    background: #417fe2;
}

.five-card li > div i {
    font-size: 30px;
}

.lr-content {
    margin-bottom: 20px;
}

.lr-content > div {
    background: white;
    padding: 0 20px 10px 20px;
    height: 255px;
    overflow: hidden;
}

.lr-content-left {
    width: 39.4%;
    float: left;
}

.lr-content-right {
    width: 59.6%;
    float: right;
}

.indexStitle h3 {
    margin: 0;
    padding: 20px 0 15px 0;
    font-size: 18px;
}

.indexStitle h3 a {
    font-size: 14px;
    float: right;
}

.new-list {
    overflow: hidden;
}

.new-list li {
    overflow: hidden;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 2;
}

.new-list li a {
    display: inline-block;
    width: 45%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #666666;
    font-size: 16px;
}

.new-list li span {
    display: inline-block;
    float: right;
    color: #999999;
}

.new-list2 li b {
    display: block;
    width: calc(55% - 160px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: normal;
    font-size: 16px;
    float: left;
}

.xm-main {
    background: white;
    padding: 0 20px;
    margin-bottom: 20px;
}

.xm-mainB > div {
    background: white;
    padding: 0 0 10px 0;
}

.xm-mainB > div > div {
    height: 600px;
}

.xm-mainC > div {
    background: white;
    padding: 0 20px 10px 20px;
}

.xm-mainC-left {
    width: calc(50% - 5px);
    float: left;
    height: 414px;
}

.xm-mainC-right {
    width: calc(50% - 5px);
    float: right;
}

.xm-main-left {
    width: 39.4%;
    float: left;
}

.xm-main-right {
    width: 50.6%;
    float: right;
}

.xm-main-right .pull-left {
    width: 30%;
    height: 350px;
}

.xm-main-right .pull-right {
    width: 70%;
    height: 300px;
}

.xm-main2 {
    padding: 10px 0 0 0;
    margin-bottom: 0;
}

.tr-btn button.btn_red {
    background: #e7505a;
    color: #ffffff;
}

.tr-btn button.btn_red:hover {
    background: #e23d48;
}

.tr-btn button.btn_blue {
    background: #1B92EC;
    color: #ffffff;
}

.tr-btn button.btn_blue:hover {
    background: #0958d8;
}

.tr-btn button.btn_defalut {
    background: #e1e5ec;
    color: #666666;
}

.tr-btn button.btn_defalut:hover {
    background: #d6dae0;
}

.w {
    width: 100% !important;
}

.popup96_56 {
    max-width: 900px;
    background: white;
    position: relative;
    padding-bottom: 80px;
}

.popup_des {
    padding: 20px 20px 10px 20px;
}

.popup_des p {
    color: #999999;
    font-size: 14px;
    line-height: 1.6;
}

.pop_s {
    padding: 25px 20px;
}

.popup_des2 {
    padding: 20px 20px 20px 5px;
    background: #fff9f5;
    margin-bottom: 20px;
}

.popup_des2 > div {
    width: 65px;
    height: 36px;
    float: left;
    text-align: center;
}

.popup_des2 > div .dtFont {
    font-size: 36px;
    color: #ff9900;
    line-height: 1;
}

.popup_des2 p {
    font-size: 12px;
    color: #ff9900;
    height: 36px;
    line-height: 1.6;
    float: left;
    width: calc(100% - 65px);
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 0;
}

.popup_des2 p span {
    display: inline-block;
}

.popup_des2 p.insT {
    display: block;
    color: #333333;
    margin-top: 3px;
}

.popup_des2 p.insT span {
    display: inline;
    color: #ff9900;
}

.signChange .popup_des2 p {
    width: calc(100% - 65px) !important;
}

.pop_search {
    padding: 15px;
    border: 1px solid #f3f3f3;
}

.pop_search .search-input {
    margin-left: 0;
    width: 354px;
    border: none !important;
    background: #f8f8f8;
}

.pop_search .search-input input {
    background: transparent;
}

.pop_search span {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    margin-left: 20px;
    color: #999999;
    font-size: 14px;
}

.fa_py {
    padding: 0 20px;
}

.fa_py .form-control {
    border-color: #333333;
}

.fa_py .help-block {
    padding-left: 10px;
}

.fa_py .show-table tr td {
    padding: 7px 20px 8px 0;
    vertical-align: top;
    height: 63px;
}

.fa_py .show-table tr td:nth-child(2) {
    /* padding: 0;*/
    padding-top: 0;
    width: 280px;
}

.fa_py .show-table tr td:nth-child(3) {
    padding-left: 80px;
}

.fa_py .show-table tr td:nth-child(4) {
    padding: 0;
    width: 280px;
}

.fa_py input,
.fa_py select {
    border-top: none;
    border-left: none;
    border-right: none;
}

.fa_py .show-table tr td:nth-child(4n+2) {
    padding-right: 10px;
}

.poSzm {
    border: 1px solid #e9ecf3;
    border-bottom: none;
    margin-top: 20px;
}

.poSzm .diploma-alertList4 {
    padding: 0;
    width: 242px;
    display: inline-block;
}

.poSzm .diploma-alertList4 li {
    margin: 0;
    padding: 0;
    float: none;
}

.poSzm .diploma-alertList2 {
    padding: 0;
}

.poSzm-title {
    background: #f8f9fb;
    line-height: 1;
    padding: 20px 0;
}

.poSzm-title li {
    float: left;
    width: 25%;
    font-size: 16px;
    padding: 0 8px;
}

.poSzm-title li:nth-child(1) {
    padding-left: 30px;
}

.poSzm-title li:nth-child(4) {
    text-align: center;
}

.table.poSzm_table {
    margin-bottom: 0;
}

.table.poSzm_table tr {
    background: white;
    border-bottom: 1px solid #e9ecf3;
}

.table.poSzm_table tr td {
    height: 70px;
    padding: 12px 8px 8px 8px;
    color: #999999;
    vertical-align: middle !important;
}

.table.poSzm_table tr td > p {
    margin-bottom: 0;
    color: #333333;
}

.table.poSzm_table tr td:nth-child(1) {
    text-align: left;
    padding-left: 30px;
}

.table.poSzm_table tr td:nth-child(4) {
    text-align: center;
}

.go-back {
    padding-top: 40px;
}

.go-back a {
    width: 120px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    outline: none;
    border: none;
    font-size: 16px;
    border-radius: 2px !important;
    background: #1B92EC;
    color: #ffffff;
}

.go-back a:hover {
    background: #0958d8;
    color: white !important;
}

.poSzm_down {
    width: 242px;
    padding: 8px;
    background: #f6f7fb;
    display: inline-block;
}

.poSzm_down:hover .down-mask {
    opacity: 1;
}

.poSzm_down .down_ope {
    text-align: left;
}

i.dtFont {
    font-size: 14px;
    font-weight: normal !important;
}

.ban-body-ul > li.RtIconR {
    background-repeat: no-repeat;
    background-position: top 0 left 0;
    padding-left: 40px;
}

.RtIconR {
    background-repeat: no-repeat;
    background-position: top 0 left 0;
}

.yj_tab {
    padding: 30px 20px 15px 20px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeeee;
}

.yj_tab:before {
    content: '';
    width: 20px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.yj_tab ul > li {
    float: left;
    display: inline-block;
    cursor: pointer;
    margin-right: 40px;
    font-size: 16px;
    position: relative;
}

.yj_tab ul > li:after {
    content: "";
    display: none;
    width: 100%;
    height: 3px;
    background: #1B92EC;
    position: absolute;
    left: 0;
    top: 34px;
}

.yj_tab ul > li:hover {
    color: #1B92EC;
}

.yj_tab ul > li.active {
    color: #1B92EC;
}

.yj_tab ul > li.active:after {
    display: inline-block;
}

.yj_tab > i {
    display: inline-block;
    font-style: normal;
    padding: 3px 10px 3px 20px;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 15px;
    font-size: 14px;
    float: right;
    position: absolute;
    right: 0;
    top: 20px;
}

.yj_tab > i.sure-oring {
    color: #ffffff;
    background: #f76208;
}

.bj_btn {
    margin-bottom: 10px;
    padding: 10px;
}

.bj_btn > div:first-child {
    line-height: 30px;
    width: 84px;
    text-align: right;
}

.bj_btn span {
    color: #999;
}

.bj_btn input {
    border-radius: 2px !important;
    line-height: 1;
    border: 1px solid #eeeeee;
    padding: 8px 15px;
    margin-left: 30px;
    background: white;
    outline: none;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.bj_btn input:hover {
    background: #f0f0f0;
    color: #333333;
    border-color: #f0f0f0;
}

.bj_btn input.active {
    background: #1B92EC;
    color: white;
    border-color: #1B92EC;
}

.columnMain-ul.list_form3 {
    padding: 30px 0 0 0;
}

.columnMain-ul.list_form3 li {
    font-size: 16px;
    padding-bottom: 17px;
}

.columnMain-ul.list_form3 li:last-child {
    padding-bottom: 0;
}

.columnMain-ul.list_form3 li > div {
    width: 50%;
    float: left;
    color: #333;
    min-height: 56px;
    margin-bottom: 5px;
    position: relative;
}

.columnMain-ul.list_form3 li > div:nth-child(2n) {
    padding-left: 50px;
    /*input{
          width: ~'calc(100% - 180px)';
        }*/
}

.columnMain-ul.list_form3 li > div .labelR {
    width: calc(100% - 180px);
}

.columnMain-ul.list_form3 li > div span {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    color: #999999;
    margin-top: 5px;
}

.columnMain-ul.list_form3 li > div input {
    width: calc(100% - 230px);
}

.list_form3Area {
    width: 100% !important;
    margin-bottom: 0 !important;
}

.list_form3Area textarea {
    width: calc(100% - 180px);
    border: 1px solid #eeeeee;
    height: 140px;
    resize: none;
    padding: 5px 8px;
    line-height: 1.6;
    font-family: '微软雅黑', "Microsoft YaHei", Arial, sans-serif;
    font-size: 14px;
}

.info-table2 {
    padding: 0 20px;
    font-size: 14px;
}

.info-table2 li {
    overflow: hidden;
    margin-bottom: 30px;
}

.info-table2 li > div {
    width: 50%;
    float: left;
}

.info-table2 li > div span {
    display: inline-block;
    vertical-align: top;
}

.info-table2 li > div span:nth-child(1) {
    color: #999999;
    margin-right: 20px;
    width: 100px;
    text-align: right;
}

.info-table2 li > div span:nth-child(2) {
    width: calc(100% - 160px);
}

.step4 {
    width: 100%;
    margin: 0 auto;
    height: 150px;
    padding-top: 60px;
}

.step4 ul li {
    float: left;
    width: 25%;
    text-align: center;
    position: relative;
}

.step4 ul li p {
    font-size: 18px;
}

.step4 ul li span {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #3fcf83;
    line-height: 30px;
    color: white;
    border: 1px solid #3fcf83;
    border-radius: 50% !important;
}

.step4 ul li span i {
    font-size: 25px;
}

.step4 ul > li.green_line:after {
    background: #3fcf83;
}

.she-Builder-ul li div p {
    overflow: hidden;
}

.she-Builder-ul li div .she_lZp3 span {
    width: 30%;
    display: block;
    float: left;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.she-Builder-ul li div .she_lZp3 span:nth-child(3n+1) {
    width: 40%;
}

.she-Builder-ul li div .she_lZp3F span {
    width: 33%;
    display: block;
    float: left;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.she-Builder-ul li div .she_lZp3F span:nth-child(3n+3) {
    padding-left: 5%;
}

.she-Builder-ul li div .she_lZp2 span {
    width: 50%;
    display: block;
    float: left;
    margin-right: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.step4 ul > li:after {
    content: '';
    display: inline-block;
    width: 85%;
    height: 1px;
    background: #d3d3d3;
    position: absolute;
    left: 57.5%;
    top: 50px;
}

.step4 ul > li:last-child:after {
    display: none;
}

.check .dtFont:before {
    content: "\e618";
}

.Ydian span {
    background: white !important;
    color: #3fcf83;
}

.Ydian .dtFont {
    margin-top: 7px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #3fcf83;
    border-radius: 50% !important;
}

.Y-galy span {
    background: white !important;
    border-color: #d3d3d3 !important;
}

.step4S {
    width: 800px;
    margin: 0 auto;
    background: #f6f7fb;
    padding: 30px 40px 30px 100px;
}

.step4S .pull-left {
    width: 48px;
    font-size: 0;
}

.step4S .pull-right {
    width: calc(100% - 70px);
}

.step4S .pull-right h4 {
    font-size: 16px;
}

.step4S .pull-right p {
    font-size: 14px;
    color: #1B92EC;
}

label {
    color: #999999;
}

.yj_lab input,
.yj_lab select,
.yj_lab textarea {
    font-size: 16px;
    color: #333333;
}

.yj_lab textarea {
    width: 100%;
    height: 120px;
    border: 1px solid #333333;
    vertical-align: top;
    margin-top: 10px;
    padding: 2px 10px;
    line-height: 1.5;
}

.yj_lab .col-md-2 {
    width: 18%;
}

.yj_lab h4.block {
    margin-top: 0;
}

.yj_lab .be_sureW.be_sureE {
    margin-top: 120px;
}

.yj_lab .help-block {
    padding-left: 10px;
}

.dinGao .row {
    min-height: 55px;
}

.yourself h4.block {
    font-weight: normal;
}

.portlet-body {
    margin-bottom: 25px;
}

.C_section > section {
    margin-bottom: 15px;
}

.company-zzList li > div section a:hover {
    color: white !important;
}

.zw_t {
    width: 130px;
}

.zw_t img {
    width: 100%;
    display: block;
}

.zw_t p {
    font-size: 16px;
    text-align: center;
    padding-right: 16px;
    padding-top: 10px;
    color: #999999;
}

.searched-list b {
    font-weight: normal;
}

.matter-list > ul p a.dtFont {
    margin-right: 5px;
}

.wrap-fenYe a {
    color: #999999;
}

.Lb-ul {
    padding: 23px 20px;
    border-bottom: 1px solid #eeeeee;
}

.Lb-ul ul li {
    display: inline-block;
    margin-right: 25px;
    padding: 5px 20px;
    border: 1px solid #eeeeee;
    border-radius: 2px !important;
    cursor: pointer;
}

.Lb-ul ul li.active {
    background: #1B92EC;
    color: white;
}

.Lb-ul ul li.active:hover {
    color: white !important;
}

.zl_jc {
    padding: 25px 20px 0;
}

.zl_jc > h3 {
    font-size: 16px;
    padding: 0;
    line-height: 1;
    margin: 0;
    color: #666;
}

.zl_jc > ul {
    padding-top: 30px;
}

.zl_jc li {
    float: left;
    width: 20%;
    text-align: center;
    margin-bottom: 25px;
}

.zl_jc li section {
    width: 75px;
    height: 75px;
    border-radius: 50% !important;
    line-height: 75px;
    color: white;
    margin: 0 auto;
    background: #3fcf83;
}

.zl_jc li section i.dtFont {
    font-size: 40px;
}

.zl_jc li h4 {
    font-size: 16px;
    margin-bottom: 9px;
    margin-top: 16px;
}

.zl_jc li p > span {
    color: white;
    background: #3fcf83;
    display: inline-block;
    font-size: 14px;
    padding: 2px 16px;
    border-radius: 15px !important;
}

.zl_jc li.orange3 section {
    background: #ff9900;
    position: relative;
}

.zl_jc li.orange3 section .orange3D {
    width: 23px;
    border-radius: 50% !important;
    position: absolute;
    top: 50px;
    left: 58px;
    background: white;
    border: 1px solid white;
    line-height: 1;
}

.zl_jc li.orange3 section .orange3D .dtFont {
    color: #ff9900;
    font-size: 22px;
}

.zl_jc li.orange3 section .orange3D:before {
    display: block;
    content: '';
    width: 50px;
    height: 76px;
    background: transparent;
    position: absolute;
    top: -40px;
    left: 0;
}

.zl_jc li.orange3 section:hover .orange3-tip {
    display: block;
}

.zl_jc li.orange3 section .orange3-tip {
    position: absolute;
    display: none;
    top: 32px;
    left: 95px;
    z-index: 2;
    background: white;
    line-height: 1.5;
    text-align: left;
    width: 183px;
    min-height: 83px;
    border: 1px solid #eeeeee;
    border-top: 2px solid #ff9a56;
    color: #ff9900;
    font-size: 14px;
    padding: 10px 15px;
}

.zl_jc li.orange3 section .orange3-tip:before {
    position: absolute;
    display: block;
    content: '';
    top: 20px;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #ddd;
}

.zl_jc li.orange3 section .orange3-tip:after {
    position: absolute;
    z-index: 2;
    display: block;
    content: '';
    top: 21px;
    left: -9px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 9px solid white;
}

.zl_jc li:nth-child(5) section .orange3-tip {
    left: -214px;
}

.zl_jc li:nth-child(5) section .orange3-tip:before {
    left: 183px;
    border-right: none;
    border-left: 10px solid #ddd;
}

.zl_jc li:nth-child(5) section .orange3-tip:after {
    left: 181px;
    border-right: none;
    border-left: 9px solid white;
}

.zl_jc li.orange3 p span {
    background: #ff9900;
}

.zl_jc li.orange3.oLeft .orange3D:before {
    left: -90px;
}

.zl_jc li.orange3.oLeft .orange3-tip {
    left: -190px;
    padding: 10px 15px;
}

.zl_jc li.orange3.oLeft .orange3-tip:before {
    left: auto;
    right: -10px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: none;
    border-left: 10px solid #ddd;
}

.zl_jc li.orange3.oLeft .orange3-tip:after {
    left: auto;
    right: -9px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: none;
    border-left: 9px solid white;
}

.zl_jc li.blue3 section {
    background: #1B92EC;
}

.zl_jc li.blue3 p span {
    background: transparent;
    color: #1B92EC;
}

.zl_jc li.glay3 section {
    background: #d0d2d1;
}

.zl_jc li.glay3 p span {
    color: #ffffff;
    background: #d0d2d1;
}

.zl_jc > ul.zl_jcR {
    padding-top: 57px;
}

.zl_jc > ul.zl_jcR li {
    margin-bottom: 36px;
}

.zl_jc > ul.zl_jcR li section {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #f4f5f9;
}

.zl_jc > ul.zl_jcR li section i.dtFont {
    font-size: 30px;
}

.zl_jc > ul.zl_jcR li h4 {
    font-size: 16px;
    margin-bottom: 8px;
    margin-top: 16px;
}

.zl_jcRp {
    font-size: 14px;
    color: #999999;
    padding-left: calc(10% - 30px);
}

.cir {
    position: relative;
}

.cir img {
    transform: rotate(0deg);
    animation: pic 3s linear infinite;
    transform-origin: 50% 50%;
    position: absolute;
    top: -7px;
    left: -8px;
}

@keyframes pic {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.form-group.form-md-line-input .form-control {
    border-bottom: 1px solid #999;
}

.labelR {
    width: calc(100% - 160px);
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.labelR input {
    width: 100% !important;
    font-size: 16px !important;
}

.labelR select {
    width: 100% !important;
    font-size: 16px !important;
}

.labelR textarea {
    margin-top: 5px;
}

.colW {
    font-size: 16px !important;
    color: #999999 !important;
}

.quH .col-md-1 {
    width: 9%;
}

.ban-body-ulEj > li {
    padding: 17px 20px 20px 20px;
}

.ban-body-ulEj > li h4 {
    margin-bottom: 15px;
}

.ban-body-ulEj > li h4 a {
    font-size: 16px;
    color: #000000;
}

.ban-body-ulEj > li h4 span {
    font-size: 14px;
    margin-left: 15px;
    color: #666666;
}

.ban-body-ulEj > li p {
    margin-bottom: 10px;
}

.ban-body-ulEj > li .color9:hover {
    color: #999999 !important;
}

.ban-body-ulEj > li.wZx {
    background-position: right 60px top 50%;
}

.erJian {
    position: absolute;
    top: 30px;
    right: 60px;
}

.erJian p {
    color: #999999;
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 5px !important;
    text-align: center;
    width: 100% !important;
}

.erJian a {
    display: block;
    border: 1px solid #dddddd;
    color: #666666;
    background: #f9f9f9;
    padding: 6px 10px;
    border-radius: 4px !important;
    line-height: 1;
    font-size: 14px;
}

.erJian a i {
    margin-right: 3px;
    transition: none;
    -webkit-transition: none;
}

.erJian a:hover {
    border: 1px solid #1B92EC;
    color: #1B92EC;
    background: #ffffff;
}

.art_check {
    padding: 20px 20px 10px;
    margin: 0 20px;
    background: #f6f7fa;
}

.art_checkLab {
    width: 120px;
    float: left;
    color: #999;
    padding-right: 20px;
    text-align: right;
}

.art_checkList {
    width: calc(100% - 120px);
    float: left;
}

.art_checkList .mt-checkbox-inline {
    padding: 0;
}

.art_checkList .mt-checkbox-inline .mt-checkbox {
    width: 46%;
    color: #333333;
}

.art_checkL {
    padding: 10px 20px 20px;
}

.columnMain-ul li > div.cLbzP {
    width: 100%;
}

.columnMain-ul li > div.cLbzP p {
    position: relative;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #999999;
    line-height: 1.5;
    text-align: justify;
}

.double-col {
    padding: 20px;
}

.double-col > section {
    border: 1px solid #dddddd;
    position: relative;
    margin-bottom: 20px;
    border-radius: 2px !important;
}

.double-col > section:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden;
}

.double-col-left {
    width: 60%;
    float: left;
    border-right: 1px solid #dddddd;
}

.double-col-left li {
    border-bottom: 1px solid #dddddd;
    padding: 20px;
    min-height: 88px !important;
}

.double-col-left li h4 {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    margin: 0 0 11px 0;
}

.double-col-left li h4 .usable {
    background: #1B92EC;
    color: white;
    display: inline-block;
    border-radius: 2px !important;
    padding: 3px 5px;
    font-size: 12px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 0;
}

.double-col-left li h4 .unusable {
    background: #ff9900;
}

.double-col-left li h4 .Unaudited {
    color: #ff9900;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
}

.double-col-left li p {
    font-size: 14px;
    color: #999;
    line-height: 1;
    margin-bottom: 0;
}

.double-col-left li p span {
    display: inline-block;
    width: 59%;
    vertical-align: text-top;
}

.double-col-left li p span:last-child {
    width: 40%;
}

.double-col-left li:last-child {
    border-bottom: none;
}

.double-col-right {
    width: 40%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

.double-col-right .clearfix {
    width: 90%;
    margin: 0 auto;
}

.double-col-right .clearfix > div {
    float: left;
}

.double-colLhy .double-col-right {
    width: 24%;
    right: auto;
    left: 0;
}

.double-colLhy .double-col-left {
    width: 76%;
    border-left: 1px solid #dddddd;
    border-right: none;
}

.double-colLhy .double-col-left li {
    position: relative;
}

.double-colLhy .double-col-left li:hover {
    background: #f9f9f9;
}

.double-colLhy .double-col-left li > section {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -13px;
}

.double-colLhy .double-col-left li > section a {
    margin-left: 20px;
}

.double-colLhy .double-col-left li > section a i {
    margin-right: 5px;
}

.double-colLhy .double-col-left li p span {
    width: 35%;
}

.M-tip {
    position: absolute;
    left: -18px;
    top: -37px;
    background: #ffffff;
    width: 60px;
    height: 30px;
    font-size: 14px;
    z-index: 2;
    line-height: 30px;
    text-align: center;
    color: #999999;
    display: none;
    box-shadow: 0 0 5px 3px #eeeeee;
}

.M-tip:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
    display: block;
    border-top: 5px solid #ffffff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.colLhy-box {
    text-align: center;
}

.colLhy-box h3 {
    font-size: 20px;
    margin: 0 0 10px 0;
}

.colLhy-box p {
    color: #999999;
    font-size: 14px;
    margin-bottom: 8px;
}

.colLhy-box a i.dtFont {
    margin-right: 5px;
}

.double-pil {
    width: 16%;
    padding-top: 5px;
    margin-right: 10%;
    text-align: center;
}

.double-pil h3 {
    margin: 0 0 0 0;
    line-height: 1;
}

.double-pil h3 .dtFont {
    font-size: 55px;
    color: #1B92EC;
    margin-bottom: 10px;
}

.double-pim {
    width: 50%;
}

.double-pim h4 {
    font-size: 14px;
}

.double-pim p {
    color: #999999;
    margin-bottom: 6px;
}

.double-pir {
    width: 80px;
    float: right !important;
    text-align: left;
    height: 85px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.double-pir .dtFont {
    margin-right: 3px;
}

.double-pir p {
    margin-bottom: 5px;
}

.double-pir p a {
    white-space: nowrap;
}

.double-pir p:last-child {
    margin-bottom: 0;
}

.sa li {
    border: 1px solid #dddddd;
    padding: 25px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 4px !important;
}

.sa li h4 {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    margin: 0 0 11px 0;
}

.sa li h4 .usable {
    background: #1B92EC;
    color: white;
    display: inline-block;
    border-radius: 2px !important;
    padding: 3px 5px;
    font-size: 12px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 0;
}

.sa li h4 .Unaudited {
    color: #ff9900;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
}

.usable {
    background: #1B92EC;
    color: white;
    display: inline-block;
    border-radius: 2px !important;
    padding: 1px 5px;
    font-size: 12px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 0;
}

.Unaudited {
    color: #ff9900;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: baseline;
}

.UnauditedP {
    color: #ff9900;
    font-size: 14px;
    padding-bottom: 10px;
}

.UnauditedP i {
    padding-right: 5px;
}

.sa li h4 .unusable {
    background: #ff9900;
}

.sa li p {
    font-size: 14px;
    color: #999;
    line-height: 1;
    margin-bottom: 0;
}

.sa li p span {
    display: inline-block;
    width: 46%;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sa li > a {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}

.sa li > a.color9 {
    cursor: default;
}

.sa li > a.color9:hover {
    color: #999999 !important;
}

.sa.sa1 .nothing_data {
    padding: 35px 0;
    height: 150px;
}

.sa.sa1 > h3 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
}

.sa.sa1 > h3 span {
    display: inline-block;
}

.sa.sa1 > h3 small {
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 30px;
}

.sa.sa1 li p {
    width: 100%;
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.sa.sa1 li .iconList1 {
    margin-top: -10px;
    top: 25px;
}

.sa.sa1.row3 li p span {
    width: 32%;
}

.pull-rightB {
    font-weight: normal;
    display: inline-block;
}

.pull-rightB i.dtFont {
    margin-right: 5px;
    font-size: inherit;
}

.pull-rightB a {
    margin-left: 20px;
    font-size: 14px;
}

.pull-rightB a:first-child {
    margin-left: 0;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    background: transparent;
    color: #999999;
    border-color: #eee !important;
}

.form-control[readonly] {
    color: #333;
    border-color: #eee !important;
}

.form-control[readonly].black3 {
    border-color: #333333 !important;
    color: #333333 !important;
}

.black3 input.form-control[readonly] {
    border-color: #333333 !important;
    color: #333333;
}

.black3 .input-group-addon {
    border-bottom: 1px solid #333 !important;
}

.has-error .form-control[disabled],
.has-error .form-control[readonly],
.has-error fieldset[disabled] .form-control {
    border-color: #e73d4a !important;
}

.qym_des {
    width: 100%;
}

.qym_des dl dd {
    border: 1px solid #dddddd;
    padding: 25px 25px 10px 25px;
    position: relative;
    margin-bottom: 50px;
}

.qym_des dl dd:last-child {
    margin-bottom: 0;
}

.qym_des.qym_desTC dd {
    padding: 0;
    border: none;
}

.qym_des.qym_desTC dd h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.qym_des.qym_desTC .qym_des_top {
    padding: 20px 25px;
    border: 1px solid #dddddd;
}

.qym_des.qym_desTC .qym_des_top p {
    margin-bottom: 0;
}

.qym_des.qym_desTC .qym_des_top p span {
    width: 50%;
    color: #333333;
}

.qym_des.qym_desTC .qym_des_top p span b {
    color: #999999;
    display: inline-block;
    width: 60px;
    text-align: right;
    font-weight: normal;
    margin-right: 15px;
}

.qym_des_title {
    display: inline-block;
    min-width: 186px;
    height: 37px;
    padding: 0 20px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    color: white;
    border-radius: 2px !important;
    position: absolute;
    top: -20px;
    left: 25px;
    background: #3fcf83;
}

.qym_des_title.lvse {
    background: #3fcf83;
}

.qym_des_title.jvse {
    background: #ff9900;
}

.qym_des_title.lanse {
    background: #1B92EC;
}

.qym_des_title.huangse {
    background: #f9bd07;
}

.qym_des_title.qingse {
    background: #08b5c9;
}

.qym_des_top {
    border-bottom: 1px solid #dddddd;
}

.qym_des_top h4 {
    font-size: 16px;
    color: #000000;
}

.qym_des_top h4 span {
    font-size: 14px;
    color: #999999;
    margin-left: 30px;
}

.qym_des_top h4 a {
    position: relative;
    top: -15px;
}

.qym_des_top h4 a i.dtFont {
    margin-right: 4px;
}

.qym_des_top p {
    overflow: hidden;
    margin-bottom: 15px;
}

.qym_des_top p span {
    display: inline-block;
    width: 33%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 2;
    color: #999999;
}

.qym_des_bottom {
    padding-top: 10px;
}

.qym_des_bottom h5 {
    color: #999999;
}

.qym_des_bottom p {
    overflow: hidden;
}

.qym_des_bottom p span {
    display: inline-block;
    width: 33%;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    line-height: 2;
    color: #999999;
}

.qym_list {
    border: 1px solid #dddddd;
}

.qym_list li {
    height: 50px;
    padding-left: 30px;
    font-size: 14px;
    color: #999999;
    overflow: hidden;
    line-height: 50px;
}

.qym_list li span {
    width: 32%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.qym_list li span {
    width: 32%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.qym_list li:nth-child(odd) {
    background: #f6f7fa;
}

.form-control[readonly].form-control:focus {
    border-color: #eeeeee;
}

.form-horizontal .control-label {
    padding-top: 5px;
}

.xxf li {
    width: 33%;
    height: 230px;
    float: left;
    margin-bottom: 10px;
}

.fa_py.mbF {
    padding: 0;
    margin-bottom: 50px;
}

.pop_s2 {
    padding: 0 25px;
}

.pop_s2 h3 {
    margin: 0 0 20px 0;
    font-size: 18px;
}

.pop_s2 dl dd {
    min-width: 59px;
    height: 27px;
    line-height: 27px;
    color: #999999;
    text-align: center;
    border-radius: 2px !important;
    margin-right: 20px;
    display: inline-block;
    border: 1px solid #dddddd;
    float: left;
    cursor: pointer;
}

.pop_s2 dl dd.active {
    border: 1px solid #ddedff;
    background: #ddedff;
    color: #1B92EC;
}

.pop_s2 .diploma-alertList li {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}

.pop_s2 .diploma-alertList li span {
    display: inline-block;
    color: #999;
    font-size: 14px;
    width: 90px;
    text-align: right;
    margin-right: 12px;
    vertical-align: top;
}

.pop_s2 .diploma-alertList li:nth-child(2n+1) span {
    width: 30px;
}

.pop_s2.mbF {
    margin-bottom: 50px;
}

.border-list {
    padding: 20px;
}

.border-list li {
    border: 1px solid #dddddd;
    padding: 30px 28px 25px 25px;
    overflow: hidden;
    margin-bottom: 20px;
}

.border-list li:hover {
    background: #f9f9f9;
}

.border-list li > div.pull-left {
    width: 60%;
}

.border-list li > div.pull-left h4 {
    line-height: 1;
    font-size: 16px;
    color: #000000;
    margin: 0 0 15px 0;
}

.border-list li > div.pull-left h4 small {
    background: #ff9900;
    color: white;
    display: inline-block;
    border-radius: 2px !important;
    padding: 3px 5px;
    font-size: 12px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 0;
}

.border-list li > div.pull-left p {
    margin: 0 0 10px 0;
}

.border-list li > div.pull-left p span {
    display: inline-block;
    width: 46%;
    color: #999999;
    font-size: 14px;
}

.border-list li > div.pull-left section a {
    display: inline-block;
    margin-right: 55px;
}

.border-list li > div.pull-left section a .dtFont {
    margin-right: 5px;
}

.border-list li > div.pull-right {
    width: 40%;
    padding-top: 30px;
}

.my-progress {
    width: 520px;
    position: relative;
    height: 20px;
    border-radius: 10px !important;
    background: #e9ecf3;
}

.my-progress-w {
    height: 100%;
}

.my-progress-w > div {
    width: 0;
    background: #1B92EC;
    height: 100%;
    position: relative;
    border-radius: 10px !important;
}

.my-progress-w > div:after {
    display: block;
    content: '';
    position: absolute;
    top: -4px;
    right: -13px;
    width: 27px;
    height: 27px;
    border: 3px solid #1B92EC;
    border-radius: 50% !important;
    background: white;
}

.my-progress-w > div span {
    color: #1B92EC;
    font-size: 14px;
    position: absolute;
    right: -13px;
    top: -25px;
    display: inline-block;
    width: 28px;
}

.my-progress-h {
    position: absolute;
    top: 0;
    width: 20px;
    height: 20px;
    left: 300px;
}

.my-progress-h:after {
    display: block;
    content: '';
    position: absolute;
    top: -4px;
    left: -13px;
    width: 27px;
    height: 27px;
    border: 3px solid #e9ecf3;
    border-radius: 50% !important;
    background: white;
}

.my-progress-h span {
    color: #999999;
    font-size: 14px;
    position: absolute;
    left: -13px;
    top: 25px;
    display: inline-block;
    width: 28px;
}

.xz_zz .pop_search {
    padding: 20px;
}

.xz_ul {
    padding: 20px;
}

.xz_ul ul li {
    position: relative;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    border-radius: 2px !important;
}

.xz_ulL {
    width: 312px;
    padding: 15px 20px;
    border-right: 1px dashed #dddddd;
    overflow: hidden;
}

.xz_ulL > .pull-left {
    width: 20px;
    text-align: center;
    position: relative;
    height: 70px;
}

.xz_ulL > .pull-left input {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    width: 20px;
    display: inline-block;
    height: 20px;
    border: 1px solid #1B92EC;
    -webkit-appearance: none;
    border-radius: 2px !important;
    background: white;
    outline: none;
    line-height: 60px;
    cursor: pointer;
}

.xz_ulL > .pull-right {
    width: calc(100% - 20px);
    float: right;
    padding: 5px 0 0 20px;
}

.xz_ulL > .pull-right h4 {
    margin-top: 0;
    font-size: 16px;
    color: #000000;
    margin-bottom: 5px;
}

.xz_ulL > .pull-right p {
    font-size: 14px;
    color: #999999;
    margin-bottom: 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xz_ulR {
    width: calc(100% - 312px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 30px;
}

.xz_ulR p {
    line-height: 1.6;
    color: #999999;
    width: 100%;
    margin-bottom: 0;
}

.xz_ul2 {
    padding: 20px 20px 20px 0;
}

.xz_ul2 .xz_ulL {
    padding: 25px 20px;
}

.xz_ul2 .xz_ulL > .pull-right h4 {
    font-size: 16px;
    margin-bottom: 10px;
}

.xz_ul2 .xz_ulR p {
    padding-right: 0;
    max-height: 66px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.choose-kuang {
    padding-top: 20px;
}

.choose-kuang > section {
    width: 40%;
    float: left;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 15px;
}

.choose-kuang > section label {
    font-size: inherit;
    color: #999999;
    display: inline-block;
    width: 65px;
    float: left;
    margin-right: 10px;
}

.choose-kuang > section > div {
    float: left;
    width: 252px;
    border-bottom: 1px solid #dddddd;
    color: #999999;
    padding-left: 20px;
}

.choose-kuang > section > div a {
    float: right;
}

.ren_zs {
    padding-top: 20px;
}

.ren_zs ul li {
    position: relative;
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
    border: 1px solid #dddddd;
    padding: 30px 40px;
    border-radius: 2px !important;
}

.ren_zs ul li:hover {
    background: #f9f9f9;
}

.ren_zs ul li:nth-child(2n) {
    margin-right: 0;
}

.ren_zs ul li h4 {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    margin: 0 0 11px 0;
    width: calc(100% - 40px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.ren_zs ul li p {
    font-size: 14px;
    color: #999;
    line-height: 1;
    margin-bottom: 0;
}

.ren_zs ul li p span {
    display: inline-block;
    width: 46%;
}

.ren_zs ul li > section {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -13px;
}

.ren_zs ul li > section a {
    margin-left: 20px;
}

.ren_zs ul li > section a i {
    margin-right: 5px;
}

.ren_zs ul li p span {
    width: 25%;
}

.ren_zs.ren_zsB ul li {
    padding: 30px 40px 30px 100px;
}

.ren_zs.ren_zsB ul li .ren_zsNum {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #1B92EC;
    top: 25px;
    left: 25px;
    font-size: 24px;
    color: white;
    line-height: 48px;
    text-align: center;
    border-radius: 50% !important;
}

.addZs {
    height: 103px;
    border-color: #1B92EC !important;
}

.addZs a {
    font-size: 20px;
}

.addZs a i {
    font-size: 20px;
    margin-right: 10px;
}

.ren_no_data p {
    text-align: center;
    font-size: 16px;
    color: #999999;
    margin-bottom: 20px;
}

.ren_no_data p img {
    width: 90px;
    transform: translateX(3px);
    -webkit-transform: translateX(3px);
}

.ren_no_data p a {
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 4px !important;
    background: #1B92EC;
    color: white;
    font-size: 14px;
}

.ren_no_data p a i {
    margin-right: 5px;
}

.ren_no_data p a:hover {
    color: white !important;
}

.m-help, .m-help-plus {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
    z-index: 2;
}

.m-help i.dtFont {
    font-size: 20px;
}

.m-help:hover .m-helpTip {
    display: block;
}

.m-helpTip {
    position: absolute;
    left: -71px;
    bottom: 25px;
    background: #ffffff;
    width: 160px;
    padding: 3px 5px;
    font-size: 14px;
    z-index: 2;
    line-height: 1.5;
    text-align: center;
    color: #999999;
    display: none;
    box-shadow: 0 0 5px 3px #eeeeee;
}

.m-helpTip:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
    display: block;
    border-top: 5px solid #ffffff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.m-help-plus.orangeH {
    position: relative;
    display: inline-block;
    color: #ff9900;
}

.m-help-plus.orangeH .m-helpTip {
    display: none;
    color: #ff9900;
    background: #fdf6ef;
    box-shadow: 0 0 5px 3px #fdf6ef;
}

.m-help-plus.orangeH i {
    position: relative;
    top: -2px;
    font-size: 16px;
}

.moniKX {
    position: absolute;
    width: 100%;
    height: 20px;
    background: #e9ecf3;
    bottom: -20px;
    left: 0;
    z-index: 22;
    display: none;
}

.main-people {
    padding: 20px;
}

.main-people > ul > li {
    background: white;
    width: calc(50% - 10px);
    float: left;
    position: relative;
    margin-right: 20px;
    padding: 50px 0 40px 150px;
    border-radius: 4px !important;
    margin-bottom: 20px;
    height: 310px;
    border: 1px solid #eeeeee;
}

.main-people > ul > li:nth-child(2n) {
    margin-right: 0;
}

.mainP-pic {
    position: absolute;
    width: 86px;
    height: 86px;
    border: 1px solid #dfdfdf;
    background: #f8f8f8;
    border-radius: 50% !important;
    overflow: hidden;
    font-size: 0;
    top: 50px;
    left: 30px;
    z-index: 2;
}

.mainP-pic img {
    width: 100%;
}

.mainP-body h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
    font-weight: normal;
    line-height: 1;
}

.mainP-body p {
    font-size: 20px;
    margin-bottom: 15px;
}

.mainP-body p span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mainP-body p span:first-child {
    width: 22%;
}

.mainP-body > div span {
    display: inline-block;
    width: 45%;
    color: #666666;
    margin-bottom: 7px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mainP-body > div span i {
    font-style: normal;
}

.mainP-ctroA {
    position: absolute;
    top: 20px;
    right: 20px;
}

.mainP-ctroA a {
    position: relative;
    margin-left: 20px;
}

.mainP-ctroA a .m-helpTip {
    display: none;
    width: 60px;
    left: -20px;
    bottom: 32px;
}

.mainP-ctroA a i {
    font-size: 20px;
}

.layui-layer-ico {
    top: -6px !important;
}

.ErrorPrompt {
    font-size: 12px;
    color: #ed6b75;
    font-style: normal;
    position: absolute;
    display: inline-block;
    min-width: 10px;
    top: 30px;
}

.ban-body-ul > li > div a {
    margin-right: 30px;
}

.show-table tr td {
    padding-right: 15px;
    padding-bottom: 20px;
    vertical-align: top;
}

.show-table tr td:nth-child(odd) {
    text-align: right;
    color: #999999;
}

.show-table tr td:nth-child(2n) {
    text-align: left;
}

.show-table tr td:nth-child(4n+2) {
    padding-right: 60px;
}

.area-top1 {
    background: white;
    width: 100%;
    min-height: calc(100vh - 504px);
}

.area-top1 .step {
    padding: 20px 60px;
}

.area-top1 .step ul li {
    float: left;
    cursor: pointer;
}

.area-top1 .step ul li:nth-child(2), .area-top1 .step ul li:nth-child(4) {
    width: 20%;
    margin: 0 60px;
    height: 33px;
    border-bottom: 2px dashed #589cfd;
}

.area-top1 .step ul li a {
    color: #333;
    font-size: 17px;
    padding-left: 16px;
}

.area-top1 .step ul li span {
    width: 58px;
    height: 58px;
    display: inline-block;
    border: 5px solid #f6f6f6;
    background-color: #d7d3d2;
    border-radius: 50% !important;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
}

.area-top1 .step ul li.active a, .area-top1 .step ul li:hover a {
    color: #589cfd;
}

.area-top1 .step ul li.active span, .area-top1 .step ul li:hover span {
    border-color: #ddf2df;
    background-color: #56c55e;
}

.area-top1 .stepTxt {
    padding: 20px 133px;
    display: none;
}

.area-top1 .stepTxt.active {
    display: block;
}

.area-top1 .stepTxt p {
    margin-bottom: 20px;
}

.area-top1L {
    float: left;
    width: 42%;
    height: 360px;
    background: white;
    position: relative;
}

.area-top1L .tips {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 20px;
    padding: 20px 60px 30px;
    color: #ffa500;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.area-top1R {
    width: calc(50% - 5px);
    float: right;
    background: white;
    height: 414px;
}

.m-company {
    padding: 54px 0 0 60px;
    margin-bottom: 30px;
}

.m-company h2 {
    font-size: 28px;
    margin: 0 0 12px;
    line-height: 1;
}

.m-company h2 span {
    font-size: 22px;
    color: #666666;
    padding-right: 10px;
}

.m-company p {
    font-size: 14px;
}

.c-comIcon {
    padding: 30px 0 0 60px;
}

.c-comIcon li {
    width: 25%;
    float: left;
}

.c-comIcon li > div {
    width: 42px;
    height: 42px;
    line-height: 40px;
    background: #1B92EC;
    font-size: 22px;
    color: white;
    text-align: center;
    margin-bottom: 18px;
    border-radius: 50% !important;
    position: relative;
}

.c-comIcon li > div i {
    font-size: 21px;
    position: absolute;
    bottom: -6px;
    right: -11px;
    line-height: 1;
}

.c-comIcon li > div i.dtFont-chenggong {
    color: #41c462;
}

.c-comIcon li > div i.dtFont-gantanhao {
    color: #ff5f5f;
}

.c-comIcon li h4 {
    margin: 0 0 10px 0;
    font-size: 20px;
}

.c-comIcon li div.noed {
    color: #666666;
    position: relative;
}

.c-comIcon li div.noed .m-helpTip {
    left: -38px;
}

.c-comIcon li.checking > div:before {
    width: 52px;
    height: 52px;
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    transition: all 1s;
    animation: pic 1s linear infinite;
}

.area-top1R h2 {
    font-size: 16px;
    height: 48px;
    margin: 0;
    padding-left: 6px;
    /*line-height: 46px;*/
    border-bottom: 1px solid #eee;
}

.area-top1R h2 a {
    display: inline-block;
    color: #333;
    line-height: 46px;
    padding: 0 20px;
}

.area-top1R h2 a.active {
    color: #1B92EC;
    border-bottom: 2px solid #1B92EC;
}

.area-top1Rb {
    width: 100%;
    height: calc(100% - 48px);
    padding: 14px 26px;
}

.area-top1Rb .area-top1Rb-title {
    height: 37px;
    padding-bottom: 14px;
}

.area-top1Rb-title .top1Rb-titleL {
    float: left;
    height: 100%;
    color: #666;
    padding-right: 30px;
    line-height: 23px;
    font-weight: 600;
}

.area-top1Rb-title .top1Rb-titleR {
    float: left;
    height: 100%;
    width: 88%;
    overflow-x: auto;
}

ul.top1Rb-titleR li {
    padding: 0 10px;
    float: left;
    line-height: 23px;
    border-radius: 5px !important;
}

ul.top1Rb-titleR li.active {
    background-color: #1B92EC;
}

ul.top1Rb-titleR li a {
    color: #58595B;
}

ul.top1Rb-titleR li.active a {
    color: #fff;
}

ul.top1Rb-titleR li.active a:hover {
    color: #fff !important;
}

.area-top1Rb .area-top1Rb-con {
    color: #58595B;
    max-height: calc(100% - 37px);
    overflow: auto;
}

.area-top1Rb .area-top1Rb-con a {
    display: block;
    color: #58595B;
}

.area-top1Rb .area-top1Rb-con a span:first-child {
    width: 10px;
    height: 10px;
    float: left;
    background-color: #1B92EC;
    border-radius: 50% !important;
    margin-right: 5px;
    margin-top: 5px;
}

.area-top1Rb .area-top1Rb-con a p {
    float: left;
    width: 83%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.area-top1Rb .area-top1Rb-con a span:last-child {
    float: left;
    width: 84px;
    text-align: right;
    color: #ccc;
}

.area-top1Rb-con::-webkit-scrollbar {
    width: 3px;
    height: 1px;
    display: block;
}

.area-top1Rb-con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #7ca8ff;
}

.area-top1Rb-con::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: #EDEDED;
}

.index-lbIcon {
    padding: 50px 0 0 80px;
}

.index-lbIcon li {
    width: 33%;
    float: left;
    margin-bottom: 50px;
}

.index-lbIcon li > a {
    display: block;
}

.index-lbIcon li .left-big-ticn {
    width: 20%;
    float: left;
}

.index-lbIcon li .left-big-ticn .dtFont {
    font-size: 42px;
}

.index-lbIcon li .left-big-txcn {
    float: left;
    width: 170px;
}

.index-lbIcon li .left-big-txcn h4 {
    margin: 0 0 20px 0;
    color: #333333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.index-lbIcon li .left-big-txcn p {
    color: #999999;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.carousel-indicators li {
    width: 36px;
    height: 3px;
    border: none;
    background: #acd5ff;
}

.carousel-indicators .active {
    width: 36px;
    height: 3px;
    background: #1B92EC;
    margin: 1px;
}

.mlbBody .item > div {
    height: 312px;
}

.area-top2 {
    background: white;
    padding: 30px 60px 40px 60px;
}

.area-top2 ul li {
    width: 24%;
    float: left;
    border: 1px solid #e7e7e7;
    border-radius: 4px !important;
    height: 184px;
    position: relative;
    padding: 30px;
    margin-right: 1.33%;
}

.area-top2 ul li:last-child {
    margin-right: 0;
}

.area-top2 ul li h4 {
    font-size: 22px;
    margin-top: 0;
    color: inherit;
}

.area-top2 ul li p {
    font-size: 48px;
    color: inherit;
}

.area-top2 ul li a {
    position: absolute;
    color: #999999;
    top: 30px;
    right: 25px;
}

.area-top2 ul li img {
    position: absolute;
    bottom: 0;
    right: 40px;
}

.left_content {
    width: 20%;
    height: 100%;
    float: left;
    background: white;
    overflow: auto;
}

.mid-card4 {
    padding: 20px;
}

.mid-card4 ul li {
    border: 1px solid #e5e5e5;
    border-radius: 4px !important;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
}

.mid-card4 ul li h2 {
    margin: 0 0 10px 0;
    line-height: 1;
    font-weight: bold;
    color: inherit;
}

.mid-card4 ul li p {
    font-size: 20px;
    color: inherit;
    margin-bottom: 0;
}

.mid-card4 ul li i.dtFont {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #d5e9fe;
    font-size: 50px;
}

.right_content {
    width: calc(80% - 10px);
    height: 100%;
    float: right;
    overflow: auto;
    background: white;
}

.xxf_list > li {
    position: relative;
    border-radius: 4px !important;
}

.xxf_list > li div.pull-left {
    width: calc(100% - 100px);
}

.xxf_list > li div.pull-left section {
    position: absolute;
    right: 20px;
    top: 40px;
    margin-top: -10px;
}

.xxf_list > li:hover {
    background: #f9f9f9;
}

.xxf_list > li .xxf_list {
    float: left;
    width: 100px;
}

.xxf_list > li .xxf_list section {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #e9f4ff;
    border-radius: 50% !important;
    color: white;
    margin-top: -5px;
    text-align: center;
}

.xxf_list > li .xxf_list section i.dtFont {
    font-size: 30px;
    color: #1B92EC;
}

.bian_ge {
    padding-top: 80px;
    width: 91%;
    margin: 0 auto;
}

.m-default2 tr td {
    border: 1px solid #c7ecff !important;
    padding: 15px 30px !important;
    font-size: 16px;
}

.m-default2 tr:first-child td {
    background: white !important;
    font-size: 20px;
    text-align: center !important;
    color: #999999;
}

.m-default2 tr td:first-child {
    background: #f7fbff;
    text-align: right;
    width: 15%;
    padding: 15px 30px 15px 0 !important;
}

.m-default2 tr td:first-child + td {
    text-align: left;
    width: 35%;
}

.m-default2 tr td:first-child + td + td {
    text-align: left;
    width: 35%;
}

.L-control {
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1;
}

.L-control a {
    margin-left: 10px;
}

.L-control a:first-child {
    margin-left: 0;
}

.L-control a i.dtFont {
    font-size: 16px;
    margin-right: 3px;
    vertical-align: text-bottom;
    position: relative;
    top: -1px;
}

.tower {
    margin-bottom: 30px;
}

.tower > ul li:hover .z-control {
    display: inline-block;
}

.tower > ul li.active .towerT select:hover {
    color: #333333;
}

.tower > ul li.active:hover .z-control {
    display: none;
}

.tower > p i {
    margin-right: 5px;
}

.towerT select {
    padding: 5px 0 !important;
    border: none;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    outline: none;
    border-bottom: 1px solid white;
    background-position: top 13px right 10px;
}

.towerT select::-ms-expand {
    display: none;
}

.towerT select:hover {
    color: #1B92EC;
}

.towerT select.addSj {
    padding: 5px 30px 5px 0 !important;
    border-bottom: 1px solid #dddddd;
    width: 360px;
}

.towerT .dateRange {
    background: #e2f1ff;
    border-radius: 11px !important;
    padding: 0 20px;
    display: inline-block;
    margin-left: 30px;
}

.towerT .dateRange span {
    color: #ababab;
    font-size: 12px;
}

.towerT .dateRange input {
    width: 80px;
    font-size: 12px;
    color: #ababab;
    text-align: center;
    line-height: 20px;
    height: 22px;
    border: none;
    background: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.towerT .dateRange.eidtting {
    background: white;
    border: 1px solid #dddddd;
}

.z-control {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    display: none;
    width: 90px;
    height: 25px;
    border-radius: 12px !important;
    background: #ffffff;
    box-shadow: 0 0 5px 3px #eeeeee;
    text-align: center;
    margin-left: 30px;
}

.z-control a {
    line-height: 25px;
    margin-left: 10px;
}

.z-control a i {
    font-size: 18px;
}

.z-control a:first-child {
    margin-left: 0;
}

.towerB {
    margin-top: 5px;
    display: none;
    margin-bottom: 10px;
}

.towerB input {
    height: 28px;
    border-radius: 4px !important;
    line-height: 26px;
    border: none;
    padding: 0 20px;
    background: transparent;
    outline: none;
}

.towerB input:hover {
    color: #1B92EC;
}

.towerB input:first-child {
    background: #1B92EC;
    color: white;
}

.towerB input:first-child:hover {
    color: white;
    background: #0958d8;
}

.jgRlist {
    position: relative;
    width: 200px;
    margin: 0 auto;
}

.jgRlist:before {
    display: block;
    width: 1px;
    background: #dddddd;
    height: 100%;
    position: absolute;
    content: '';
    top: 0;
    left: 9px;
}

.jgRlist li {
    margin-bottom: 45px;
    cursor: pointer;
}

.jgRlist li span {
    border: 4px solid white;
    width: 19px;
    height: 19px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 15px;
    background: #dddddd;
    border-radius: 50% !important;
    position: relative;
    z-index: 2;
}

.jgRlist li:last-child {
    margin-bottom: 0;
}

.jgRlist li.greenC span {
    background: #3fcf83;
}

.jgRlist li.blue span {
    background: #1B92EC;
    border: 4px solid #d1e7ff;
}

.jgRlist li.done span {
    color: #ffffff;
    border: none;
    font-family: "dtFont" !important;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: normal !important;
}

.jgRlist li.done span:before {
    content: "\e618";
}

.xxf_list.xxf_list_copy li .xxf_list section {
    background: #1B92EC;
    font-size: 18px;
}

.xxf_list.xxf_list_copy li > div.pull-left p span {
    width: 32%;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.xxf_list.xxf_list_copy li > div.pull-left section a {
    margin-right: 15px;
}

.Testing {
    padding-top: 40px;
}

.Testing h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    padding-left: 40px;
}

.Testing .Testing-animation {
    height: 330px;
}

.Testing .Testing-animation > div {
    width: 135px;
    text-align: center;
    overflow: hidden;
}

.Testing .Testing-animation > div > p {
    color: #1B92EC;
    padding-left: 7px;
    margin-top: 20px;
    font-size: 16px;
}

.Testing .Testing-animation .Testing-pic {
    position: relative;
    padding: 10px 0 10px 0;
}

.Testing .Testing-animation .Testing-pic:after {
    position: absolute;
    display: block;
    width: 25px;
    height: 100%;
    content: '';
    top: 0;
    left: -25px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    animation: Testing 2s linear 0s infinite;
    -webkit-animation: Testing 2s linear 0s infinite;
}

@keyframes Testing {
    0% {
        left: -25px;
        transform: rotateY(180deg);
    }
    49% {
        left: 135px;
        transform: rotateY(180deg);
    }
    50% {
        left: 135px;
        transform: rotateY(0deg);
    }
    99% {
        left: -25px;
        transform: rotateY(0deg);
    }
    100% {
        left: -25px;
        transform: rotateY(180deg);
    }
}

@-webkit-keyframes Testing {
    0% {
        left: -25px;
        -webkit-transform: rotateY(180deg);
    }
    49% {
        left: 90px;
        -webkit-transform: rotateY(180deg);
    }
    50% {
        left: 90px;
        -webkit-transform: rotateY(0deg);
    }
    99% {
        left: -25px;
        -webkit-transform: rotateY(0deg);
    }
    100% {
        left: -25px;
        -webkit-transform: rotateY(180deg);
    }
}

.TestingResult {
    text-align: center;
}

.TestingResult > div {
    padding: 80px 0 60px 0;
}

.TestingResult p {
    font-size: 18px;
}

.YM_disH2 {
    position: relative;
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px 0;
}

.YM_disH2:before {
    width: 10px;
    height: 100%;
    background: #1B92EC;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -20px;
}

.choose-zsLx > ul {
    padding-left: 60px;
    padding-top: 50px;
}

.choose-zsLx > ul li {
    width: 125px;
    height: 125px;
    border-radius: 50% !important;
    background: #1B92EC;
    text-align: center;
    line-height: 120px;
    float: left;
    margin-right: 75px;
    margin-bottom: 50px;
}

.choose-zsLx > ul li a {
    color: white;
    font-size: 30px;
}

.choose-zsLx > ul li a:hover {
    color: white !important;
}

.choose-zsLx > ul li:nth-child(1) {
    background: #70baf8;
}

.choose-zsLx > ul li:nth-child(2) {
    background: #58aff6;
}

.choose-zsLx > ul li:nth-child(3) {
    background: #40a3f5;
}

.choose-zsLx > ul li:nth-child(4) {
    background: #2897f4;
}

.choose-zsLx > ul li:nth-child(5) {
    background: #108cf2;
}

.choose-zsLx > ul li:hover {
    background: #43a9fe;
}

.ban-body.wdBjL {
    background: transparent;
}

.ban-body.wdBjL .wrap-fenYe {
    padding: 40px 0;
    background: white;
}

.myBj-list {
    padding: 0 0 0 0;
}

.myBj-list > li {
    height: 180px;
    background: white;
    overflow: hidden;
    margin-bottom: 10px;
}

.myBj-left {
    width: 300px;
    float: left;
    height: 100%;
    background: #cae4ff;
    padding: 30px 20px;
}

.myBj-left p {
    font-size: 32px;
    text-align: right;
    font-weight: bold;
    padding-right: 15px;
    color: #53a5fb;
}

.myBj-left h3 {
    font-size: 46px;
    color: #eefcff;
    text-transform: capitalize;
    margin-top: 35px;
}

.myBj-left.color1 {
    background: #cae4ff;
}

.myBj-left.color1 p {
    color: #53a5fb;
}

.myBj-left.color2 {
    background: #aaeeff;
}

.myBj-left.color2 p {
    color: #1cc2eb;
}

.myBj-left.color3 {
    background: #ffbdbd;
}

.myBj-left.color3 p {
    color: #ff3b3b;
}

.myBj-left.color4 {
    background: #aef7d1;
}

.myBj-left.color4 p {
    color: #2baf66;
}

.myBj-right {
    width: calc(100% - 300px);
    float: left;
    height: 100%;
    padding: 50px;
}

.myBj-right h4 {
    font-size: 20px;
    margin: 0 0 25px 0;
}

.myBj-right p {
    font-size: 16px;
}

.myBj-right p span {
    width: 30%;
    display: inline-block;
}

.myBj-right p ins {
    font-size: 14px;
    color: #999;
    text-decoration: none;
}

.myBj-right section {
    text-align: right;
}

.myBj-right section a {
    margin-left: 45px;
}

.myBj-right section a i {
    margin-right: 3px;
}

.zhuCe-list {
    padding: 30px;
}

.zhuCe-list > ul > li {
    border: 1px solid #dddddd;
    padding: 30px 0;
    border-radius: 4px !important;
    position: relative;
    margin-bottom: 25px;
}

.zhuCe-list > ul > li:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden;
}

.zhuCe-left {
    width: 40%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 30px 0;
}

.zhuCe-left:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden;
}

.zhuCe-left > div {
    width: 100%;
}

.zhuCe-leftL {
    float: left;
    width: 120px;
    padding: 0 30px;
}

.zhuCe-leftL > div {
    width: 56px;
    height: 56px;
    border-radius: 50% !important;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}

.zhuCe-leftL > div img {
    width: 100%;
}

.zhuCe-leftR {
    float: left;
    width: calc(100% - 120px);
    line-height: 1;
}

.zhuCe-leftR h3 {
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #000000;
}

.zhuCe-leftR h3 small {
    font-size: 14px;
    color: #666666;
}

.zhuCe-leftR p {
    color: #999999;
    margin-bottom: 20px;
}

.zhuCe-leftR > div a {
    margin-right: 30px;
}

.zhuCe-leftR > div a:last-child {
    margin-right: 0;
}

.zhuCe-leftR > div a.color9 {
    cursor: default;
}

.zhuCe-leftR > div a.color9:hover {
    color: #999999 !important;
}

.zhuCe-leftR > div i {
    margin-right: 5px;
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.bg-jz {
    background: #9eaff1 !important;
}

.bg-sz {
    background: #fed5d7 !important;
}

.bg-ky {
    background: #c5e7e1 !important;
}

.bg-jd {
    background: #e2c4fe !important;
}

.bg-sl {
    background: #f5a1f0 !important;
}

.bg-gl {
    background: #f9e5a0 !important;
}

.zhuCe-right {
    width: 60%;
    float: right;
    border-left: 1px solid #eeeeee;
}

.zhuCe-right .center {
    height: 100%;
    min-height: 153px;
}

.zhuCe-rightList {
    width: 90%;
    margin: 0;
}

.zhuCe-rightList dd {
    margin-bottom: 20px;
}

.zhuCe-rightList dd:after {
    display: block;
    content: '';
    clear: both;
    height: 0;
    overflow: hidden;
}

.zhuCe-rightList dd:last-child {
    margin-bottom: 0;
}

.zhuCe-rightList dd > div:first-child {
    font-size: 20px;
    float: left;
    width: calc(100% - 200px);
}

.zhuCe-rightList dd > div:first-child i {
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    background: red;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom;
}

.zhuCe-rightList dd > div:first-child + div {
    float: right;
    width: 190px;
}

.zhuCe-rightList dd > div:first-child + div a {
    margin-right: 35px;
}

.zhuCe-rightList dd > div:first-child + div a:last-child {
    margin-right: 0;
}

.zhuCe-rightList dd > div:first-child + div a.color9 {
    cursor: default;
}

.zhuCe-rightList dd > div:first-child + div a.color9:hover {
    color: #999999 !important;
}

.zhuCe-rightList dd > div:first-child + div .dtFont {
    margin-right: 5px;
}

.testRySearch {
    padding-top: 20px;
}

.testRySearch .search-input {
    width: 410px;
    margin: 0;
    border: 1px solid #1B92EC !important;
    border-radius: 4px !important;
    overflow: hidden;
}

.myNav-tabs {
    margin-bottom: 0;
    padding: 20px 30px 10px;
    border-bottom: none;
}

.myNav-tabs > li.active a {
    color: #1B92EC;
    border: none;
    border-bottom: 3px solid #1B92EC;
}

.myNav-tabs > li.active a:focus {
    color: #1B92EC;
    border: none;
    border-bottom: 3px solid #1B92EC;
}

.myNav-tabs > li.active a:hover {
    color: #1B92EC !important;
    border: none;
    border-bottom: 3px solid #1B92EC;
}

.myNav-tabs > li a {
    border: none;
    color: #333333;
    font-size: 18px;
    padding: 10px 0 5px 0;
    margin-right: 30px;
    border-bottom: 3px solid transparent;
}

.myNav-tabs > li a:hover {
    color: #333333 !important;
    border: none;
    border-bottom: 3px solid transparent;
}

.renDetail-mainA {
    background: white;
    padding: 40px 50px;
    position: relative;
    margin-bottom: 10px;
}

.renDetail-mainA h3 {
    margin: 0 0 30px 0;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}

.renDetail-mainA > div {
    background: #f7faff;
    padding: 20px 30px;
}

.renDetail-mainA > div p {
    float: left;
    width: 30%;
    line-height: 1;
    margin-bottom: 0;
}

.renDetail-mainA > div p span {
    color: #999999;
    margin-right: 10px;
}

.renDetail-mainA .TagPaper {
    width: 195px;
    height: 48px;
    line-height: 46px;
    font-size: 18px;
    color: white;
    font-weight: bold;
    background: #1B92EC;
    position: absolute;
    top: 20px;
    right: -20px;
    padding: 0;
    text-align: center;
}

.renDetail-mainA .TagPaper:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 15px solid #084f97;
    border-right: 20px solid transparent;
    right: 0;
    bottom: -15px;
}

.renDetail-mainA .TagPaper.Tag-blue {
    background: #1B92EC;
}

.renDetail-mainA .TagPaper.Tag-blue:after {
    border-top: 15px solid #084f97;
}

.renDetail-mainA .TagPaper.Tag-orange {
    background: #f68f37;
}

.renDetail-mainA .TagPaper.Tag-orange:after {
    border-top: 15px solid #d3711e;
}

.renDetail-mainA .TagPaper.Tag-red {
    background: #ed6b75;
}

.renDetail-mainA .TagPaper.Tag-red:after {
    border-top: 15px solid #d62836;
}

.renDetail-mainA .TagPaper.Tag-green {
    background: #3fcf83;
}

.renDetail-mainA .TagPaper.Tag-green:after {
    border-top: 15px solid #139450;
}

.aptitude1-right {
    width: calc(21.25% - 10px) !important;
}

.mainTitle3 {
    margin-bottom: 25px;
}

.mainTitle3 p {
    font-size: 16px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0;
}

.mainTitle3 p span {
    border-bottom: 2px solid #1B92EC;
    padding-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

.newRecord .record > div {
    margin-bottom: 28px;
}

.newRecord .record > div h3 {
    width: 100px;
    color: #999999;
}

.newRecord .record > div i {
    border: 1px solid #1B92EC;
}

.newRecord .record > div > div {
    width: calc(100% - 133px);
}

.newRecord .record > div > div h4 {
    font-size: 14px;
}

.newRecord .record > div > div span {
    margin-right: 0;
}

.newRecord .record > div > div p {
    margin-bottom: 0;
}

.newRecord .record:before {
    left: 106px;
}

.newRecord .record > section {
    width: 47px;
    height: 47px;
    padding: 0;
    margin-left: 83px;
    position: relative;
    z-index: 33;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    margin-bottom: 45px;
}

.newRecord .record > section span {
    color: white;
}

.five-yuan {
    padding-left: 35px;
    margin-bottom: 10px;
}

.five-yuan h2 {
    margin: 0 0 20px 0;
    font-size: 18px;
}

.five-yuan ul li {
    width: 113px;
    height: 113px;
    line-height: 1;
    background: #eeeeee;
    float: left;
    margin-right: 65px;
    margin-bottom: 35px;
    border-radius: 50% !important;
    font-size: 16px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /*position: relative;
  >div,>span,>p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
  }*/
}

.five-yuan ul li:nth-child(5n) {
    margin-right: 0;
}

.five-yuan ul li.active {
    background: #1B92EC;
    color: white;
}

.five-yuan ul li:hover {
    cursor: pointer;
}

.left_Tla {
    padding-top: 15px;
}

.left_Tla p {
    font-size: 18px;
}

.left_Tla p span {
    margin-left: 20px;
    font-size: 16px;
    color: #999999;
}

.left_Tla p .pull-right {
    font-size: 14px;
}

.left_Tla p .pull-right i {
    margin-right: 5px;
}

.NewApplication {
    margin-bottom: 30px;
}

.NewApplication > h2 {
    font-size: 18px;
    margin: 0;
    /*border-bottom: 1px solid #eeeeee;*/
}

.NewApplication .popup_des2 > div {
    width: 50px;
}

.NewApplicationB {
    /*padding:0 60px;*/
}

.qym_desD.qym_des dl dd {
    padding: 45px 65px 30px 65px;
}

.qym_desD.qym_des .qym_des_title {
    left: 65px;
}

.qym_desD.qym_des .qym_des_title:after {
    content: '';
    display: block;
    font-size: 0;
    width: 0;
    height: 0;
    position: absolute;
    border-top: 19px solid transparent;
    right: -10px;
    top: 0;
}

.qym_desD.qym_des .qym_des_title.huangse:after {
    border-left: 10px solid #ffa800;
}

.qym_desD.qym_des .qym_des_title.green:after {
    border-left: 10px solid #00905b;
}

.qym_desD.qym_des .qym_des_title.jvse:after {
    border-left: 10px solid #ff0000;
}

.newQinfoLeft {
    width: 93px;
    height: 93px;
    padding-left: 27px;
    border-radius: 0 !important;
    font-size: 0;
    float: left;
    overflow: hidden;
}

.newQinfoLeft img {
    width: 100%;
}

.newQinfoRight {
    width: calc(100% - 127px);
    float: right;
    padding-top: 10px;
}

.newQinfoRight p {
    overflow: hidden;
}

.newQinfoRight p b {
    width: 60%;
    float: left;
    font-size: 26px;
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.newQinfoRight p span {
    width: 40%;
    font-size: 16px;
    color: #999999;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.newQinfoRight p span:first-child {
    width: 60%;
}

.NewApplicationBT > section h3 {
    margin: 0;
    font-size: 18px;
}

.NewApplicationBT > section p {
    overflow: hidden;
}

.NewApplicationBT > section p span {
    width: 33.3%;
    float: left;
    display: inline-block;
    font-size: 16px;
    color: #666666;
    margin-bottom: 15px;
}

.NewApplicationBT > section p span:nth-child(3n+1) {
    width: 37.3%;
}

.NewApplicationBT > section p span:nth-child(3n+3) {
    width: 29.3%;
}

.left_TlaF20 {
    font-size: 26px !important;
}

.NewGR {
    border: 1px solid #dddddd;
    padding: 30px 40px;
}

.NewGR > section {
    margin-bottom: 30px;
}

.newRecord2.newRecord .record:before {
    left: 405px;
    height: 97%;
}

.newRecord2.newRecord .record > div {
    padding-left: 120px;
    margin-bottom: 58px;
}

.newRecord2.newRecord .record > div.last {
    position: relative;
    z-index: 2;
    background: white;
}

.newRecord2.newRecord .record > div > div {
    width: calc(100% - 400px);
    font-size: 16px;
}

.newRecord2.newRecord .record > div > div p {
    margin-bottom: 5px;
}

.newRecord2.newRecord .record > div > div h4 {
    font-size: 18px;
}

.newRecord2.newRecord .record > div i {
    margin: 0 100px 0 50px;
}

.newRecord2.newRecord .record > div h3 {
    width: 230px;
    padding-top: 0;
    font-size: 18px;
    color: #333333;
}

.newRecord4 .record > div i {
    background: #3fcf83;
    margin-right: 35px;
}

.newRecord4 .record > div.last {
    position: relative;
    z-index: 2;
    background: white;
}

.newRecord4 .record > div > div {
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    width: calc(100% - 105px);
}

.newRecord4 .record > div > div h4 {
    font-size: 18px;
}

.newRecord4 .record > div > div h4 a {
    font-size: 14px;
    margin-left: 0;
}

.newRecord4 .record > div > div h4 a em {
    margin-right: 5px;
}

.newRecord4 .record > div > div p {
    font-size: 16px;
}

.newRecord4 .record:before {
    background: #3fcf83;
    height: 97%;
    left: 5px;
}

.jBperson {
    padding-top: 100px;
}

.jBperson > p {
    color: #666666;
    text-align: center;
}

.jBpersonB {
    width: 650px;
    height: 20px;
    background: #f3f4f5;
    overflow: hidden;
    margin: 0 auto 40px auto;
    border-radius: 10px !important;
}

.jBpersonB div {
    height: 100%;
    background: #4cb6fc;
    background: -webkit-linear-gradient(left, #4bfce7, #4cb6fc);
    background: linear-gradient(to right, #4bfce7, #4cb6fc);
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.newZxQz-des {
    background: #fff6f0;
    padding: 10px 0 10px 50px;
    position: relative;
    color: #ff9900;
}

.newZxQz-des:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}

.newZxQz-des > div:first-child {
    width: 30px;
    float: left;
    margin-right: 5px;
    position: absolute;
    left: 10px;
    top: 12px;
    line-height: 1;
    text-align: center;
}

.newZxQz-des > div:first-child i {
    font-size: 16px;
}

.newZxQz-des > div:first-child + div {
    width: calc(100% - 20px);
    float: left;
    /*padding-top: 5px;*/
}

.newZxQz-des > div:first-child + div p {
    margin: 0;
}

.newZxQz-des .context-wrap {
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newZxQz-des .on {
    white-space: normal;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.newZxQz-beSbtn {
    text-align: center;
    padding-top: 100px;
}

.newZxQz-beSbtn input {
    padding: 0 40px;
    height: 65px;
    background: #1B92EC;
    color: white;
    line-height: 63px;
    text-align: center;
    font-size: 22px;
    border-radius: 33px !important;
    box-shadow: 0 0 20px 5px #c5e1fe;
    border: none;
    outline: none;
}

.newZxQz-beSbtn input:hover {
    background: #0958d8;
}

.she-Builder-ul.she-Builder-ulL.newZxQzD {
    margin-top: 35px;
}

.she-Builder-ul.she-Builder-ulL.newZxQzD li {
    background: #f6f7fb;
    padding: 34px 30px;
    border: none;
    margin-bottom: 2px;
}

.she-generate.she-generateQ {
    padding: 40px 0 0 65px;
}

.she-generate.she-generateQ ul li {
    font-size: 16px;
}

.she-generate.she-generateQ ul li.active {
    color: #333333;
}

.xiY-jiGuo {
    margin-bottom: 40px;
}

.xiY-jiGuo > h4 {
    font-size: 14px;
}

.xiY-jiGuo .she-generate.she-generateQ {
    padding: 5px 0 0 45px;
}

.xiY-jiGuo .she-generate.she-generateQ li i {
    vertical-align: top;
    margin-right: 6px;
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.xiY-jiGuo .she-generate.she-generateQ li p {
    padding-left: 0;
    display: inline-block;
    width: calc(100% - 100px);
}

.yMlist {
    padding: 30px 23px;
}

.yMlist > section {
    border: 1px solid #dddddd;
    padding: 0 20px;
    margin-bottom: 25px;
}

.yMlistTop {
    padding: 27px 0 25px 0;
    border-bottom: 1px solid #eeeeee;
}

.yMlistTop h3 {
    line-height: 1;
    margin: 0 0 16px 0;
    font-size: 20px;
}

.yMlistTop p {
    margin-bottom: 0;
}

.yMlistTop p span {
    display: inline-block;
    margin-right: 40px;
    color: #999999;
}

.yMlistBottom li {
    padding: 25px 0;
    border-bottom: 1px solid #eeeeee;
}

.yMlistBottom li:last-child {
    border-bottom: none;
}

.yMlistBottom li:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
}

.yMlistBottom li > dl {
    width: calc(100% - 320px);
    float: left;
    margin: 0;
    font-size: 16px;
}

.yMlistBottom li > dl dd {
    line-height: 1;
    margin-bottom: 12px;
}

.yMlistBottom li > dl dd:last-child {
    margin-bottom: 0;
}

.yMlistBottom li > dl dd span {
    display: inline-block;
    width: 70%;
}

.yMlistBottom li > dl dd button {
    width: 75px;
    height: 25px;
    font-size: 14px;
    color: white;
    outline: none;
    border: none;
}

.yMlistBottom li > dl dd button font {
    transform: translateY(-1px);
    display: inline-block;
}

.yMlistBottom li > dl dd a {
    font-size: 14px;
    float: right;
    margin-left: 20px;
}

.yMlistBottom li > dl dd a i {
    margin-right: 5px;
}

.yMlistBottomPic {
    width: 320px;
    float: left;
}

.yMlistBottomPic > div {
    width: 60px;
    height: 60px;
    border-radius: 50% !important;
    background: red;
    line-height: 60px;
    text-align: center;
    position: relative;
}

.yMlistBottomPic > div i {
    font-size: 25px;
}

.yMlistBottomPic > div p {
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 76px;
    font-size: 16px;
    margin: 0;
    line-height: 1;
    width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.yMlistBottomPic > div.sure-ing {
    background: #feefe6;
}

.yMlistBottomPic > div.sure-ing i {
    color: #ff9900;
}

.yMlistBottomPic > div.no-sure {
    background: #f5e6eb;
}

.yMlistBottomPic > div.no-sure i {
    color: #ee4f5c;
}

.yMlistBottomPic > div.sure-ed {
    background: #eaf0fb;
}

.yMlistBottomPic > div.sure-ed i {
    color: #1B92EC;
}

.yMlistBottomPic > div.sure-oring {
    background: #f76208;
}

.yMlistBottomPic > div.sure-oring i {
    color: #ffffff;
}

.yMlistBottomPic > div.sure-glay {
    background: #f0f0f0;
}

.yMlistBottomPic > div.sure-glay i {
    color: #999999;
}

.yMlistBottomPic > div.sure-green2 {
    background: #e3faee;
}

.yMlistBottomPic > div.sure-green2 i {
    color: #13c566;
}

.newRzBody > div {
    margin-bottom: 30px;
}

.newRzBody h5 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 23px 0;
}

.textA {
    text-indent: 2em;
    line-height: 20px;
    color: #666666;
    margin: 0;
}

.newHlogo {
    margin-bottom: 20px;
}

.newHlogo > div:first-child {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
    float: left;
}

.newHlogo > div:first-child img {
    width: 100%;
}

.newHlogo .signUp-text {
    float: left;
    width: 600px;
    margin: 0 0 2px 10px;
}

.newHlogo .signUp-text h5 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 5px 0;
}

.newHlogo .signUp-text p {
    color: #666666;
}

.newRecord2.newRecord .record > div i.active {
    background: #1B92EC;
    position: relative;
}

.newRecord2.newRecord .record > div i.active:after {
    display: block;
    content: '';
    top: -8px;
    left: -8px;
    position: absolute;
    width: 26px;
    height: 26px;
    border-radius: 50% !important;
    background: #1B92EC;
    border: 7px solid #eef4ff;
}

.newRzBody .newRecord2.newRecord .record > div {
    padding-left: 0;
}

.newRzBody .newRecord2.newRecord .record:before {
    left: 285px;
}

.newRzBody .newRecord2.newRecord .record > div > div h4 {
    font-size: 16px;
}

.newRzBody .newRecord2.newRecord .record > div h3 {
    font-size: 16px;
}

.newRzBody .newRecord2.newRecord .record > div i {
    margin: 0 70px 0 50px;
}

.newRzBody .newRecord2.newRecord .record > div > div {
    width: calc(100% - 365px);
}

.newRzBody .newRecord4 .record:before {
    left: 5px;
}

.newRzBody .newRecord4 .record > div.last {
    margin-bottom: 20px;
}

.lMz li {
    border-radius: 4px !important;
    border: 1px solid #dddddd;
    padding: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.lMz li:last-child {
    margin-bottom: 0;
}

.lMz li > div:first-child {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 30px;
    border-radius: 50% !important;
    float: left;
    font-size: 0;
}

.lMz li > div:first-child img {
    width: 100%;
}

.lMz li .signUp-text {
    width: calc(100% - 120px);
    float: left;
}

.lMz li .signUp-text h5 {
    margin: 0 0 10px 0;
    color: #000;
    font-size: 16px;
}

.lMz li .signUp-text p {
    color: #666;
    font-size: 14px;
    margin-bottom: 0;
}

.lMz li > p {
    position: absolute;
    left: 440px;
    width: 350px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    line-height: 1;
    margin: 0;
    font-size: 18px;
    color: black;
}

.xBiao {
    display: inline-block;
    line-height: 1;
    padding: 3px 7px 4px 7px;
    background: #ff9900;
    font-size: 12px;
    border-radius: 2px !important;
    color: white;
    font-weight: normal;
    vertical-align: text-bottom;
}

.step-m {
    position: absolute;
    right: 70px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.step-m-left {
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.step-m a {
    font-size: 18px;
    display: inline-block;
    margin-left: 30px;
    color: #666666;
}

.tableBox .table {
    margin-bottom: 0;
}

.tableBox table thead tr th,
.tableBox .table tr td {
    font-size: 16px;
    vertical-align: middle !important;
}

.tableBox .table th {
    text-align: center;
    font-weight: 600;

}

.tableBox .table th,
.tableBox .table td {
    padding: 8px 6px !important;
    color: #333;
}

.tableBox .table thead {
    background: #e5eeff;
}

.tableBox .table thead.Lc th {
    padding: 2px 6px !important;
}

.tableBox .table-bordered,
.tableBox .table-bordered > tbody > tr > td,
.tableBox .table-bordered > tbody > tr > th,
.tableBox .table-bordered > tfoot > tr > td,
.tableBox .table-bordered > tfoot > tr > th,
.tableBox .table-bordered > thead > tr > td,
.tableBox .table-bordered > thead > tr > th {
    border: 1px solid #EAEDF3 !important;
}

.tabHeadCol {
    background: #e5eeff !important;
    font-weight: 600 !important;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.attachmentsUp2 {
    /* border: 1px solid #dddddd; */
    margin-bottom: 25px;
}

.attachmentsUp2 .attHead {
    padding: 20px 0px;
    /* border-bottom: 1px solid #eee; */
}

.attachmentsUp2 .attHead h3 {
    padding: 0;
    margin: 0 0 0 0;
    font-size: 18px;
    color: #333333;
    line-height: 1;
}

.attachmentsUp2 .attHead h3 small {
    background: #ff9900;
    color: #fff;
    padding: 2px 8px;
    margin-left: 5px;
    border-radius: 4px !important;
    font-size: 12px;
}

.attachmentsUp2 .attHead p {
    margin-bottom: 0;
    font-size: 14px;
    color: #999999;
}

.attachmentsUp2 .attBody {
    padding: 6px 25px;
}

.attachmentsUp2 .attBody > li {
    padding: 15px 0;
    border-bottom: 1px dashed #eee;
}

.attachmentsUp2 .attBody > li:last-child {
    border-bottom: none;
}

.attachmentsUp2 .attBody > li .attBodyDl {
    margin-bottom: 0;
}

.attachmentsUp2 .attBody > li .attBodyDl dd {
    margin-bottom: 10px;
}

.attachmentsUp2 .attBody > li .attBodyDl dd:first-child {
    margin-top: 10px;
}

.attachmentsUp2 .attBody > li .attBodyDl dd:last-child {
    margin-bottom: 0;
}

.attachmentsUp2 .attName2 {
    width: 100%;
    float: none;
    font-size: 14px;
    min-height: 10px;
}

.attachmentsUp2 .attName2 p {
    margin: 0 0 5px 0;
    font-size: 16px;
}

.attachmentsUp2 .attName2 .attRequired {
    color: red;
    font-size: 14px;
    margin-left: 10px;
}

.attachmentsUp2 .attName2 .attNameDes {
    color: #999999;
    font-size: 14px;
}

.attachmentsUp2 .attFile {
    width: calc(100% - 100px);
    float: left;
    font-size: 14px;
    color: #666666;
    min-height: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.attachmentsUp2 .attFile span {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    float: left;
}

.attachmentsUp2 .attFile span:first-child {
    max-width: calc(100% - 70px);
}

.attachmentsUp2 .attFile span:first-child > i.dtFont {
    color: #1B92EC;
    margin-right: 5px;
}

.attachmentsUp2 .attFile span:first-child + span {
    width: 60px;
    margin-left: 8px;
    color: #999999;
}

.attachmentsUp2 .attCtrl {
    /* width: 220px; */
    width: 100px;
    float: right;
    min-height: 10px;
}

.attachmentsUp2 .attCtrl a {
    /* margin-left: 25px; */
    margin-left: 5px;
}

.attachmentsUp2 .attCtrl a:last-child {
    margin-left: 0;
}

.newRadio {
    display: inline-block;
    width: 200px;
    transform: translateY(2px);
    -webkit-transform: translateY(2px);
}

.newRadio > div {
    display: inline-block;
    width: 90px;
    padding: 4px 10px;
    height: 30px;
    border-radius: 15px !important;
    border: 1px solid #999;
    cursor: pointer;
}

.newRadio > div:first-child {
    margin-right: 10px;
}

.newRadio > div.active.blueRadio > b {
    border: 1px solid #4587f3;
}

.newRadio > div b {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: inherit !important;
    border-radius: 50% !important;
    border: 1px solid #999;
    position: relative;
}

.newRadio > div em {
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    /* background: green; */
    width: 47px;
    transform: translateY(-3px);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.newRadio > div b:after {
    content: '';
    display: none;
    width: 9px;
    height: 9px;
    border-radius: 50% !important;
    background: transparent;
    position: absolute;
    top: 2px;
    left: 2px;
}

.newRadio > div.active b:after {
    display: block;
}

.newRadio > div.active.blueRadio b:after {
    background: #4587f3;
}

.newRadio > div.active.blueRadio {
    border: 1px solid #4587f3;
}

.newRadio > div.active.blueRadio > b {
    border: 1px solid #4587f3;
}

.newRadio > div.active.blueRadio > em {
    color: #4587f3;
}

.newRadio > div.active.redRadio {
    border: 1px solid #ff6600;
}

.newRadio > div.active.redRadio > b {
    border: 1px solid #ff6600;
}

.newRadio > div.active.redRadio b:after {
    background: #ff6600;
}

.newRadio > div.active.redRadio > em {
    color: #ff6600;
}

.biaBox .table {
    margin-bottom: 0;
    border-bottom: 1px solid #e7ecf1;
}

.biaBox .table > thead > tr > th {
    border-bottom: 1px solid #e7ecf1;
    text-align: center;
    background: #f2f6ff;
    height: 50px;
    vertical-align: middle;
}

.biaBox .table > tbody > tr > td {
    height: 50px;
    vertical-align: middle;
}

.biaBox .table > tbody > tr:hover {
    box-shadow: 0 0 10px 1px #e7ecf1;
}

/*媒体查询开始*/
@media screen and (max-width: 1920px) {
    .addPerson > li p span {
        width: 26%;
    }

    .addPerson > li p span:nth-child(2) {
        width: 30%;
    }

    .diploma > li > p {
        width: 90%;
    }

    .diploma > li > p > span {
        margin-right: 0;
        margin-bottom: 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1800px) {
    .xm-main-right .pull-right {
        padding-left: 10%;
    }

    .xxf_list > li div.pull-left {
        width: calc(100% - 160px);
    }

    .columnMain-ul.list_form3 li > div span {
        font-size: 16px;
        width: 115px;
    }

    .record > div > div h4 {
        font-size: 16px;
    }

    .record > div > div span {
        font-size: 14px;
    }

    .contactUs dl {
        font-size: 16px;
    }

    .contactUs dl > dd:nth-child(2n) span {
        width: 100px;
    }

    .xxf_list.xxf_list_copy li .xxf_list {
        padding-left: 30px;
        width: 160px;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1501px) {
    .info-table li div span:first-child {
        width: 130px;
    }

    .mainTitle p a {
        font-size: 16px;
    }

    .mainTitle p a i.dtFont {
        font-size: 15px;
    }
}

@media screen and (max-width: 1820px) {
    .yj_lab .col-md-2 {
        width: 21%;
    }

    .quH .col-md-1 {
        width: 10.5%;
    }
}

@media screen and (max-width: 1620px) {
    .company-zzList li {
        width: 14%;
        margin-right: 3.2%;
    }

    .company-zzList li:nth-child(7n+7) {
        margin-right: 3.2%;
    }

    .company-zzList li:nth-child(6n+6) {
        margin-right: 0;
    }

    .xm-mainB > div > div {
        height: 500px;
    }

    .double-pil {
        margin-right: 5%;
    }

    .double-pim {
        width: 57%;
    }

    .my-progress {
        width: 90%;
    }

    .ren_zs ul li p span {
        width: 35%;
    }

    .mainP-body > div span:nth-child(2n) {
        width: 52%;
    }

    .area-top2 ul li img {
        height: 60px;
    }

    .index-lbIcon {
        padding: 50px 0 0 50px;
    }

    .double-colLhy .double-col-left li p span {
        width: 30%;
    }

    .myBj-right p span {
        width: 40%;
    }

    .NewApplicationB {
        padding: 0;
    }

    .yMlistBottom li > dl dd span {
        width: 61%;
    }
}

@media screen and (max-width: 1500px) {
    .attachmentsUp2 .attHead h3 {
        font-size: 16px;
    }

    .attachmentsUp2 .attName {
        font-size: 14px;
    }

    .attachmentsUp2 .attachmentsUp {
        margin-bottom: 20px;
    }

    .attachmentsUp2 .attName2 p {
        font-size: 14px;
    }

    .attachmentsUp2 .attName2 .attRequired {
        font-size: 12px;
    }

    .attachmentsUp2 .attName2 .attNameDes {
        font-size: 12px;
    }

    .tableBox .table thead tr th,
    .tableBox .table tr td {
        font-size: 14px;
    }

    .tableBox .table th,
    .tableBox .table td {
        padding: 10px 6px !important;
    }

    /*.page-wrapper .page-sidebar-wrapper {*/
    /*width: 180px;*/
    /*}*/
    /*.page-wrapper .page-content-wrapper {*/
    /*width: calc(100% - 190px);*/
    /*}*/
    .ban-body {
        height: calc(100vh - 135px) !important;
    }

    .yj-scoll {
        height: 100%;
    }

    .she-describe a {
        width: 110px;
        height: 35px;
        font-size: 14px;
        line-height: 36px;
    }

    .company-zzList li {
        width: 18.4%;
        margin-right: 2%;
    }

    .company-zzList li:nth-child(6n+6) {
        margin-right: 2%;
    }

    .company-zzList li:nth-child(5n+5) {
        margin-right: 0;
    }

    .yj_form .form-horizontal .control-label {
        padding-left: 0;
    }

    .contactUs dl {
        font-size: 14px;
    }

    .introduction > p {
        font-size: 14px;
    }

    .columnMain-ul.list_form3 li {
        padding-bottom: 17px;
    }

    .columnMain-ul.list_form3 li > div span {
        font-size: 14px;
    }

    .columnMain-ul li > div input {
        font-size: 14px;
    }

    .page-header-inner .main-menu li {
        font-size: 18px;
    }

    .mainTitle p {
        font-size: 16px;
        padding: 15px 20px;
    }

    .ban-body-ul > li h4 a {
        font-size: 18px;
    }

    .ban-body-ul > li p span {
        width: auto;
        margin-right: 30px;
    }

    .oneTitle {
        font-size: 18px;
    }

    .she-Builder .mainTitle p {
        font-size: 16px;
    }

    .aptTcontentForm p label,
    .aptTcontentForm p select,
    .aptTcontent2 .text-body p,
    .be_sure input,
    .she-Builder-ul li h3,
    .t_sectionT i,
    .t_sectionT b,
    .aptTcontent2 .text-body p {
        font-size: 14px;
    }

    .constitution li > div:first-child + div h3 {
        font-size: 14px;
        padding-top: 3px;
    }

    .be_sure input,
    .detos input {
        width: 110px;
        height: 35px;
        font-size: 14px;
    }

    .be_sure {
        height: 75px;
        padding-top: 20px;
    }

    .she-describe {
        font-size: 12px;
    }

    /* .page-header-inner,
  .page-header-inner .main-menu{
    height: 70px;
  }
  .page-header-inner .main-menu ul {
    margin-top: 28px;
  }
  .page-header.navbar {
    min-height: 70px;
  }
  .page-header-inner .logo {
    padding-top: 7px;
  }
  .page-header-inner .top-menu > ul {
    padding-top: 5px;
  }*/
    /*.page-wrapper .page-sidebar-wrapper,
  .page-wrapper .page-content-wrapper,
  .main{
    height: calc(100vh - 80px)
  }*/
    .info-table li div span {
        font-size: 14px;
    }

    .aptitude-left {
        height: calc(100vh - 60px) !important;
    }

    .aptTcontent2 .text-body {
        padding: 13px 25px;
    }

    .Science h3 {
        font-size: 16px;
    }

    .filtrate {
        top: 70px;
    }

    .filtrate .form-horizontal .control-label {
        padding-right: 0;
        padding-left: 0;
    }

    .filtrate .col-md-8 {
        padding-right: 0;
    }

    .filtrate .col-lg-8 {
        padding-right: 0;
    }

    .ban-body-ul > li h4 i {
        padding: 4px 10px 4px 15px;
        font-size: 12px;
    }

    .yj_form h4.block {
        font-size: 16px;
    }

    .search {
        height: 65px;
    }

    .NavSearch {
        height: 30px;
    }

    .NavSearchSelect h3 span {
        height: 30px;
        text-align: left;
    }

    .NavSearchSelect h3 {
        line-height: 29px;
        font-size: 12px;
    }

    .NavSearchSelect h3 b {
        width: 30px;
        height: 30px;
    }

    .NavSearchList {
        top: 35px;
    }

    .NavSearchInput input {
        font-size: 12px;
    }

    .NavSearchSubmit {
        width: 40px;
        padding: 6px 0 0 10px;
    }

    .NavSearchSubmit img {
        width: 15px;
    }

    .f5 {
        min-width: 110px;
    }

    .f5 a {
        font-size: 12px;
        padding: 8px 15px;
    }

    .more-btn {
        font-size: 14px;
        line-height: 30px;
    }

    .more-btn i {
        font-size: 14px;
    }

    .iconList1 a:first-child + a {
        margin-left: 20px;
    }

    .fmAx22 {
        font-size: 20px !important;
    }

    .fmAx20 {
        font-size: 18px !important;
    }

    .fmAx18 {
        font-size: 16px !important;
    }

    .fmAx16 {
        font-size: 14px !important;
    }

    .yj_form .form-horizontal .control-label {
        padding-left: 0;
    }

    .be_sureW.be_sureE .she-generate {
        max-height: 150px;
    }

    .poSzm-title li {
        font-size: 14px;
    }

    .table.poSzm_table tr td {
        font-size: 12px;
    }

    .she-Builder-ul li h3 {
        font-size: 16px;
    }

    .she-Builder-ul li div {
        font-size: 14px;
    }

    .f14 {
        font-size: 14px;
    }

    .double-pil {
        margin-right: 5%;
    }

    .double-pim {
        width: 55%;
    }

    .labelR input {
        width: 100% !important;
        font-size: 14px !important;
    }

    .labelR select {
        height: 30px;
        font-size: 14px !important;
    }

    .xm-mainB > div > div {
        height: 450px;
    }

    .xm-main-right .pull-left {
        width: 50%;
    }

    .xm-main-right .pull-right {
        width: 50%;
        height: 300px;
    }

    .form-horizontal .control-label {
        font-size: 14px;
    }

    .yj_lab input,
    .yj_lab select,
    .yj_lab textarea {
        font-size: 14px;
    }

    .Science.Science59 h3 {
        font-size: 18px;
    }

    .sa.sa1 > h3 span {
        font-weight: normal;
        font-size: 16px;
    }

    .sa.sa1 > h3 small {
        margin-left: 15px;
    }

    .sa.sa1 > h3 {
        padding-top: 10px;
        padding-bottom: 14px;
    }

    .sa.sa1 .nothing_data {
        height: 130px;
    }

    .sa li {
        padding: 20px;
        margin-bottom: 10px;
    }

    .Science.Science59 dd > h3 {
        font-size: 18px;
    }

    .ren_zs ul li {
        padding: 25px 20px;
        height: 93px;
    }

    .ren_zs ul li p span {
        width: 38%;
    }

    .addZs a {
        font-size: 16px;
    }

    .addZs a i {
        font-size: 16px;
    }

    .main-people > ul > li {
        padding: 28px 0 30px 130px;
    }

    .mainP-body h3 {
        font-size: 20px;
    }

    .mainP-body p {
        font-size: 16px;
    }

    .mainP-ctroA a i {
        font-size: 18px;
    }

    .mainP-body > div span {
        font-size: 14px;
    }

    .main-people > ul > li {
        height: 250px;
    }

    .mainP-body p span:first-child {
        width: 30%;
    }

    .mainP-pic {
        top: 35px;
        left: 20px;
    }

    .area-top2 ul li {
        height: 160px;
    }

    .area-top2 ul li img {
        height: 48px;
    }

    .area-top2 ul li h4 {
        font-size: 20px;
    }

    .area-top2 ul li p {
        font-size: 36px;
    }

    .area-top1L {
        height: 320px;
    }

    .area-top1 .step ul li:nth-child(2), .area-top1 .step ul li:nth-child(4) {
        width: 14%;
    }

    /*.area-top1R {
    height: 320px;
  }*/
    .area-top2 {
        padding: 30px 40px 40px 40px;
    }

    .mlbBody .item > div {
        height: 272px;
    }

    .index-lbIcon {
        padding: 36px 25px 0 25px;
    }

    .m-company {
        padding: 40px 0 0 40px;
        margin-bottom: 20px;
    }

    .m-company h2 {
        font-size: 22px;
        margin: 0 0 18px;
    }

    .m-company h2 span {
        font-size: 18px;
    }

    .c-comIcon {
        padding: 20px 0 0 40px;
    }

    .c-comIcon li h4 {
        font-size: 18px;
    }

    .index-lbIcon li .left-big-ticn {
        width: 28%;
        padding-left: 10px;
    }

    .index-lbIcon li .left-big-txcn {
        width: 150px;
    }

    .index-lbIcon li .left-big-txcn h4 {
        margin: 0 0 15px 0;
    }

    .ban-body2 {
        padding-top: 5px;
    }

    .mid-card4 ul li h2 {
        font-size: 24px;
    }

    .mid-card4 ul li p {
        font-size: 18px;
    }

    .mid-card4 ul li i.dtFont {
        font-size: 40px;
    }

    .m-default2 tr td {
        font-size: 14px;
    }

    .m-default2 tr:first-child td {
        font-size: 16px;
    }

    .xz_ul.xz_ul2 .xz_ulL {
        width: 240px;
    }

    .xz_ul.xz_ul2 .xz_ulL > .pull-left {
        display: none;
    }

    .xz_ul.xz_ul2 .xz_ulL > .pull-right {
        width: 100%;
    }

    .xz_ul.xz_ul2 .xz_ulR {
        width: calc(100% - 240px);
    }

    .xxf_list.xxf_list_copy > li .xxf_list {
        width: 75px;
    }

    .xxf_list.xxf_list_copy .xxf_list section {
        width: 50px;
        height: 50px;
        line-height: 48px;
    }

    .xxf_list.xxf_list_copy .xxf_list section span {
        font-size: 16px;
    }

    .xxf_list.xxf_list_copy > li div.pull-left section {
        right: 7px;
        top: 50%;
        margin-top: -25px;
    }

    .myBj-list {
        padding: 0 0 10px 0;
    }

    .myBj-list > li {
        height: 150px;
    }

    .myBj-left {
        width: 250px;
    }

    .myBj-left p {
        font-size: 28px;
    }

    .myBj-left h3 {
        font-size: 40px;
        margin-top: 17px;
    }

    .myBj-right {
        padding: 36px;
        width: calc(100% - 250px);
    }

    .myBj-right h4 {
        margin: 0 0 20px 0;
    }

    .zhuCe-rightList dd > div:first-child {
        font-size: 18px;
    }

    .zhuCe-rightList dd > div:first-child i {
        width: 20px;
        height: 20px;
        position: relative;
        top: -3px;
    }

    .zhuCe-leftR h3,
    .zhuCe-leftR p {
        margin-bottom: 15px;
    }

    .zhuCe-right .center {
        min-height: 139px;
    }

    .zhuCe-leftR > div a {
        width: 100%;
        margin-right: 0;
        display: block;
        margin-bottom: 10px;
    }

    .zhuCe-leftR > div a:last-child {
        margin-bottom: 0;
    }

    .NewApplication > h2 {
        font-size: 16px;
    }

    .qym_desD.qym_des dl dd {
        padding: 30px 65px 20px 65px;
    }

    .newQinfoRight p b {
        font-size: 24px;
    }

    .newQinfoRight p span {
        font-size: 14px;
    }

    .left_TlaF20 {
        position: relative;
        top: 5px;
    }

    .left_Tla p {
        font-size: 16px;
    }

    .NewGR {
        padding: 30px 20px;
    }

    .newRecord2.newRecord .record > div {
        padding-left: 30px;
        margin-bottom: 38px;
    }

    .newRecord2.newRecord .record > div h3 {
        font-size: 16px;
        width: 200px;
    }

    .newRecord2.newRecord .record > div > div h4 {
        font-size: 16px;
    }

    .newRecord2.newRecord .record > div i {
        margin: 0 35px 0 30px;
    }

    .newRecord2.newRecord .record > div > div {
        width: calc(100% - 280px);
    }

    .newRecord2.newRecord .record:before {
        left: 265px;
    }

    .newRecord4 .record > div > div h4 {
        font-size: 16px;
    }

    .ren_no_data p {
        font-size: 14px;
    }

    .newRecord4 .record > div h3 {
        width: 20px;
    }

    .newRecord4 .record > div > div {
        width: calc(100% - 70px);
    }

    .newRecord4 .record:before {
        left: 26px;
    }

    .newZxQz-beSbtn {
        padding-top: 70px;
    }

    .newZxQz-beSbtn input {
        height: 50px;
        line-height: 48px;
        font-size: 18px;
        border-radius: 25px !important;
    }

    .she-generate.she-generateQ ul li {
        font-size: 14px;
    }

    .newRzBody .newRecord2.newRecord .record:before {
        left: 255px;
    }

    .logoRightDes {
        height: 33px;
        padding: 7px 20px;
        margin-top: 19px;
    }

    .logoRightDes span {
        font-size: 16px;
    }

    .contactUs2 .contactUs2-Mlist li {
        width: 50%;
        margin-bottom: 30px;
    }

    .contactUs2 .contactUs2-Mlist li:nth-child(4) {
        margin-bottom: 0;
    }

    .contactUs2 .contactUs2-Mlist li:nth-child(3) {
        margin-bottom: 0;
    }

    .contactUs2 .contactUs2-Mlist li > div:first-child + div p {
        font-size: 14px;
    }

    .contactUs2 .contactUs2-M h3 a i,
    .contactUs2 .contactUs2-M h3,
    .yMlistTop h3 {
        font-size: 18px;
    }

    .yMlistBottomPic > div p,
    .yMlistBottom li > dl {
        font-size: 14px;
    }

    .yMlistBottom li > dl dd a {
        padding-top: 5px;
    }

    .menu-toggler {
        height: 47px;
    }

    .menu-toggler:after {
        font-size: 16px;
        line-height: 45px;
    }
}

@media screen and (max-width: 1366px) {
    .choose-kuang > section {
        font-size: 14px;
    }

    .xm-mainB > div > div {
        height: 400px;
    }

    .company-zzList li {
        width: 16%;
        height: 230px;
        margin-right: 5%;
    }

    .company-zzList li:nth-child(7n+7) {
        margin-right: 5%;
    }

    .company-zzList li:nth-child(6n+6) {
        margin-right: 5%;
    }

    .company-zzList li:nth-child(5n+5) {
        margin-right: 0;
    }

    .page-sidebar .page-sidebar-menu li span {
        font-size: 14px !important;
    }

    .oneTitle {
        font-size: 18px;
    }

    .she-Builder .mainTitle p {
        font-size: 16px;
    }

    .fenYe > form input[type='text'] {
        height: 25px;
        line-height: 25px;
    }

    .ban-body-ul > li h4 a {
        font-size: 16px;
    }

    .yj_form .form-horizontal .control-label {
        padding-right: 0;
    }

    .diploma > li > p {
        width: 100%;
    }

    .filtrate .form-group {
        margin-bottom: 15px;
    }

    .diploma > li > p > span {
        width: auto;
        margin-right: 30px;
    }

    .double-col-left {
        width: 50%;
    }

    .double-col-right {
        width: 50%;
    }

    .double-col-left li p span:nth-child(1) {
        width: 59%;
    }

    .double-col-left li p span:nth-child(2) {
        width: 40%;
    }

    .border-list li {
        padding: 20px 20px 15px 20px;
        margin-bottom: 20px;
    }

    .border-list li div.pull-left h4 {
        margin-bottom: 10px;
    }

    .double-colLhy .double-col-left li p span {
        width: 30%;
    }

    .h70 {
        height: 0;
    }

    .mid-card4 ul li p {
        font-size: 16px;
    }

    .xz_ul.xz_ul2 .xz_ulL {
        width: 215px;
    }

    .xz_ul.xz_ul2 .xz_ulL > .pull-right {
        padding: 0;
    }

    .xz_ul.xz_ul2 .xz_ulR {
        width: calc(100% - 215px);
        padding: 0 20px;
    }

    .yMlistBottom li > dl dd span {
        width: 57%;
    }

    .step-m {
        right: 30px;
    }

    .step-m a {
        font-size: 16px;
        margin-left: 15px;
    }
}

@media screen and (max-width: 1360px) {
    .aptTcontent .text-body p {
        font-size: 14px;
    }

    .NavSearchInput {
        width: 200px;
    }
}

@media screen and (max-width: 1280px) {
    .form-horizontal .control-label {
        padding-top: 5px;
    }

    .be_sureW.be_sureE {
        padding: 20px 0;
    }

    .aptTcontent2 .text-body.Agreed {
        padding: 23px 50px 15px 25px;
    }

    .coL3 {
        width: 33%;
    }

    .index-lbIcon {
        padding: 36px 15px 0 15px;
    }

    .area-top1L,
    .area-top1R {
        height: 300px;
    }

    .m-company {
        margin-bottom: 15px;
    }

    .mlbBody .item > div {
        height: 251px;
    }

    .index-lbIcon li {
        margin-bottom: 35px;
    }

    .carousel-indicators {
        bottom: 12px;
    }

    .index-lbIcon li .left-big-txcn h4 {
        font-size: 16px;
    }

    .myBj-right p span {
        width: 45%;
    }
}

/*媒体查询结束*/
/*验证小动画*/
.line-spin-fade-loader {
    position: relative;
    /*top: -7.3px;*/
    /*left: -4px;*/
    transform: scale(1) translate(7px, 4px);
    display: inline-block;
    vertical-align: text-bottom;
    height: 19px;
    width: 19px;
    background: none !important;
    margin-right: 5px !important;
}

.line-spin-fade-loader > b:nth-child(1) {
    top: 7.3px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(2) {
    top: 4.81818px;
    left: 4.81818px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(3) {
    top: 0;
    left: 7.3px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(4) {
    top: -4.81818px;
    left: 4.81818px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(5) {
    top: -7.3px;
    left: 0;
    -webkit-animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(6) {
    top: -4.81818px;
    left: -4.81818px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(7) {
    top: 0;
    left: -7.3px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out;
}

.line-spin-fade-loader > b:nth-child(8) {
    top: 4.81818px;
    left: -4.81818px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out;
}

.line-spin-fade-loader > b {
    display: block;
    background-color: #3fcf83;
    border-radius: 2px !important;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 2px;
    height: 7px;
}

@-webkit-keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

@keyframes line-spin-fade-loader {
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.dxCheck {
    padding: 0 20px;
}

.dxCheck li {
    overflow: hidden;
}

.dxCheck li > div {
    width: 49%;
    margin-right: 1%;
    float: left;
}

/*添加开始*/

.tabAox {
    padding: 10px;
}

.tabAox .table {
    margin-bottom: 0;
}

.tabAox .table > thead > tr > th {
    height: 50px;
    background: #f1f6ff;
    vertical-align: middle !important;
    border-bottom: 1px solid #e7ecf1;
    font-weight: normal;
}

.tabAox .table > tbody > tr > td {
    height: 40px;
    font-size: 12px;
    vertical-align: middle !important;
}

.tabAox .table > tbody > tr > td > span {
    display: inline-block;
    width: calc(100% - 40px);
    height: 100%;
    line-height: 1.4;
}

.tabAox .table > tbody > tr:hover {
    background: #f4faff;
}

.tabAox .table > tbody > tr > td:nth-child(1) > span {
    padding-top: 3px;
}

.tabAox .table > tbody > tr > td:nth-child(1),
.tabAox .table > thead > tr > th:nth-child(1) {
    padding-left: 10px;
}

.tabAox .table > tbody > tr > td:nth-child(2),
.tabAox .table > thead > tr > th:nth-child(2) {
    text-align: center;
}

.tabAox .mt-checkbox {
    padding-left: 0;
    vertical-align: top;
    width: 18px;
    height: 18px;
    margin-bottom: 0;
    height: 100%;
    margin-right: 5px;
    /*background: red;*/
    position: relative;
}

.popMain .popApl .tabAox .mt-checkbox > span {
    position: absolute;
    top: 50% !important;
    margin-top: -9px;
}

.fenYe2 {
    position: relative;
    width: 475px;
    margin: 0 auto;
    color: #999999;
    font-size: 12px;
}

.fenYe2 > .fenYeL {
    float: left;
    padding-top: 3px;
    border: none;
}

.fenYe2 > ul {
    float: right;
}

.fenYe2 > ul li {
    float: left;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #eeeeee;
    margin-right: 10px;
}

.fenYe2 > ul li:last-child {
    margin-right: 0;
}

.fenYe2 > ul li.active {
    background: #1B92EC;
    border: 1px solid transparent;
}

.fenYe2 > ul li.active a {
    color: white;
}

.fenYe2 > ul li a {
    color: #999999;
    min-width: 2px;
    border: none !important;
    margin-right: 0;
}

/*按钮不换行*/
.table tr td a {
    white-space: nowrap !important;
}

.noDatas {
    height: 360px;
    padding-top: 275px;
    text-align: center;
    background: url(/assets/images/noData.png) no-repeat center;
    color: #666;
    font-size: 18px;
}

/*2020-12-26新版*/
input{
    outline: none;
}

.form-control:focus{
    box-shadow: none;
}

.InputTime {
    border: 1px solid #D8DCE6;
    border-radius: 4px !important;
    overflow: hidden;
}

.InputTime input {
    border: 0;
    outline: none;
    height: 100%;
    width: calc(50% - 12px);
    text-align: center;
    padding: 0 5px;
}

.head-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0 25px 0 10px;
    border: 1px solid #D8DCE6;
    background-image: url(/company/src/images/dropDown.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    outline: none;
    border-radius: 4px !important;
    background-color: transparent;
    font-size: 14px !important;
}

.f_btn{
    display: inline-block;
    height: 38px;
    min-width: 110px;
    text-align: center;
    line-height: 38px;
    padding: 0 10px;
    outline: none;
    border: 0;
    background: #1B92EC;
    color: white;
    border-radius: 4px !important;
    cursor: pointer;
    user-select: none;
}

.f_btn:focus,
.f_btn:hover{
    color: white;
    background: rgba(27,146,236,0.8);
}

/*
.input-group {
    border-radius: 4px !important;
    border: 1px solid #EAEDF3;
    overflow: hidden;
}

.input-group-addon.dtFont-sousuo{
    width: 40px;
    border: 0 !important;
    color: #787993;
    font-weight: 900;
}

.input-group > .form-control {
    border: none;
    outline: none;
    padding: 0 0 0 10px;
    height: 100%;
    border-radius: 4px !important;
}
*/

.page-search {
    width: 100%;
    background: white;
    padding: 15px 20px 0 30px;
}

.search-nav {
    position: relative;
}

.search-nav>*{
    float: left;
}

.ns-item {
    display: table;
    margin-right: 20px;
    margin-bottom: 15px;
}

.ns-item b.nsi-title {
    font-size: 14px;
    color: #999;
    font-weight: 500;
    padding-right: 10px;
    display: table-cell;
    vertical-align: middle;
}

.ns-item .InputTime {
    height: 38px;
    width: 240px;
    display: table-cell;
}

.ns-item .head-select {
    height: 38px;
    width: 230px;
    display: table-cell;
}

.ns-item>.form-control{
    height: 38px;
    width: 230px;
    display: table-cell;
    border: 1px solid #D8DCE6;
    border-radius: 4px !important;
}

.ns-item .doubleTime {
    position: relative;
    width: 230px;
    height: 38px;
    overflow: hidden;
    display: table-cell;
    border: 1px solid #D8DCE6;
    border-radius: 4px !important;
}

.ns-item .doubleTime .form-control {
    display: inline-block;
    width: calc(50% - 20px) !important;
    height: 100%;
    padding: 0 !important;
    text-align: center;
    border: 0 !important;
}

.ns-item .doubleTime .form-control + .form-control {
    margin-left: 4px;
}

.ns-item .doubleTime:before {
    content: "~";
    position: absolute;
    left: calc(50% - 20px);
    top: 6px;
    z-index: 99;
}

.ns-item .f_btn.searchBtn{
    min-width: 80px;
    background: white;
    color: #1d72fb;
    border: 1px solid #1B92EC;
    position: relative;
    top: 1px;
    margin-right: 0 !important;
}

.ns-item .f_btn.searchBtn:hover{
    background: #1B92EC;
    color: white;
}

.ns-item>.input-group {
    width: 260px;
    height: 38px;
}

.ns-item .input-group input{
    height: 36px;
}

.ns-item .input-group-addon {
    color: #787993;
}

.search-nav.ns1 {
    padding-right: 260px;
    min-height: 38px;
}

.search-nav.ns1 {
    padding-right: 260px;
    min-height: 38px;
}

.search-nav.ns1 {
    padding-right: 280px;
}

.search-nav .ns-item-right {
    position: absolute;
    right: 0;
    margin: 0;
}

.search-nav.ns2 {
    padding-right: 80px;
}

.search-nav.ns3{
    padding-right: 180px;
}

.search-nav .ns-item-right .input-group {
    float: left;
}

.seniorBtn {
    color: #1B92EC;
    margin-left: 20px;
    float: left;
    line-height: 38px;
}

.emptyBtn {
    border-radius: 4px !important;
    display: inline-block;
    width: 80px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #2D9C3C;
    border: 1px solid #2D9C3C;
    /*background: linear-gradient(360deg, #34AA44 0%, #38B249 100%);*/
    cursor: pointer;
    margin-right: 10px;
}

.emptyBtn:hover{
    color: white;
    background: linear-gradient(360deg, #34AA44 0%, #38B249 100%);
}

/*2020-12-面包屑*/
.crumbsNav {
    padding: 15px 20px 0 30px;
    background: #fff;
}

.crumbsNav+.page-main{
    height: calc(100% - 35px);
}

.crumbsNav span:first-child:not(.crum-item){
    width: 16px;
    height: 16px;
    margin-right: 6px;
    display: inline-table;
    vertical-align: top;
    background: url(/assets/images/crumIcon.png) no-repeat center;
}

.crum-item {
    height: 20px;
    display: inline-table;
}

.crum-item > * {
    display: table-cell;
}

.crum-back,
.crum-item > a {
    color: #BABFCB;
    cursor: pointer;
}

.crum-back:hover,
.crum-item>a:hover,
.crum-item.active > a {
    color: #1B92EC !important;
}

.crum-item > .crum-arrow {
    position: relative;
    width: 20px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
}

.crum-item > .crum-arrow:before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    float: right;
    margin-right: 5px;
    margin-left: 5px;
    display: inline;
    font-size: 20px;
    font-family: FontAwesome;
    height: auto;
    font-weight: 500;
    color: #BABFCB;
}


/*2020-12表格*/
.page-table {
    padding:0 20px;
}

.bootstrap-table .table,
.bootstrap-table .table thead tr th,
.bootstrap-table .table tbody tr td {
    border: none;
    vertical-align: middle !important;
    text-align: left;
    font-size: 14px !important;
}

.bootstrap-table .table thead,
.bootstrap-table .table thead tr th {
    background: transparent !important;
    color: #000000;
    text-align: left;
    /*font-size: 14px !important;*/
    padding: 0 !important;
    height: 40px !important;
}

.bootstrap-table .fixed-table-body .table thead tr{
    border-bottom: 1px dashed #EAEDF3;
}

.bootstrap-table .table tbody tr {
    border-bottom: 1px dashed #EAEDF3;
    height: 60px;
}

.fixed-table-container thead th .th-inner {
    padding: 0 10px !important;
}

.bootstrap-table .table tr td{
    word-break: break-word;
    padding: 8px 10px !important;
}

.bootstrap-table tbody tr td.text-left,
.bootstrap-table thead tr th.text-left {
    text-align: left;
}

.bootstrap-table tbody tr td.text-center,
.bootstrap-table thead tr th.text-center {
    text-align: center;
}

.bootstrap-table tbody tr td.text-right,
.bootstrap-table thead tr th.text-right {
    text-align: right;
}

.bootstrap-table .table .no-records-found{
    border: none !important;
}

.fixed-table-container .table-hover>tbody>tr.no-records-found:hover {
    background-color: transparent !important;
}

.bootstrap-table .fixed-table-toolbar + .fixed-table-container{
    border: 0 !important;
}

.fixed-table-tabbar{
    border-top: none !important;
    padding: 10px 0 14px 10px;
    /*height: 62px;*/
    position: relative;
    border-bottom: 1px solid #EAEDF3;
}

.fixed-table-tabbar .head_btn_box{
    float: right;
}

.fixed-table-tabbar .tabbable-line{
    float: left;
    position: relative;
    top: 14px;
}

.fixed-table-tabbar .tabbable-line ul{
    border-bottom: 0;
}

.fixed-table-tabbar .tabbable-line ul li a{
    padding: 5px 0 12px;
    margin: 0 60px 0 0;
}

.choice_data_tip {
    float: left;
    color: #ff9900;
}

.bootstrap-table table tr td .trial {
    background: none;
    outline: none;
    border: none;
    color: #1B92EC;
}

.fixed-table-container .table-common > tbody > tr.no-records-found > td{
    font-size: 18px;
    height: 200px;
    color: #666666;
}

.fixed-table-container thead th .both {
    background-image: none !important;
}

.table-hover > tbody > tr:not(.no-records-found):hover,
.table-hover > tbody > tr:not(.no-records-found):hover > td{
    background: transparent !important;
}

.fixed-table-container .table-hover tbody .selected:hover td{
    background-color: #dcedff !important;
}

.bootstrap-table .th-inner> .mt-checkbox.mt-checkbox-single,
.bootstrap-table th > .mt-checkbox.mt-checkbox-single,
.bootstrap-table td > .mt-checkbox.mt-checkbox-single{
    right: 0;
    padding-left: 18px;
}

.opLinkGroup > *{
    padding:0 !important;
    margin: 0 5px !important;
}

.opLinkGroup .th-inner{
    margin: 0;
}

.bootstrap-table td.opLinkGroup * {
    color: #1665D8;
}

.no-records-found,
.bootstrap-table .table .no-records-found{
    background: url(/assets/module/gcjsy/company/officehall/organization/image/no-base-data.png) no-repeat center;
    height: 200px;
    color: transparent;
}

.bootstrap-table .table .no-records-found td{
    padding-top: 200px !important;
    text-align: center;
    color: #666666;
}

.bootstrap-table .fixed-table-toolbar + .fixed-table-container {
    padding-top: 0 !important;
}

.no-data-tpl {
    background-image: url(/assets/images/common/noneData.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    text-align: center;
}

.not-data-tpl {
    background-image: url(/assets/module/gcjsy/company/officehall/organization/image/no-base-data.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    height: 260px;
    text-align: center;
}

.not-data-tpl span {
    display: inline-block;
    padding-top: 220px;
    font-size: 16px;
    color: #666666;
}


/*表格状态*/
.states{
    /*min-width: 90px;*/
    /*height: 28px;*/
    padding: 3px 10px;
    line-height: 20px;
    text-align: center;
    /*background: #FBFEFB;*/
    border-radius: 20px !important;
    /*white-space: nowrap;*/
}

.st-normal{
    border: 1px solid #34AA44;
    color:#3BAD4B;
    white-space: nowrap;
}

.st-warn{
    border: 1px solid #E7702E;
    color:#E7702E;
    white-space: nowrap;
}

.st-danger{
    border: 1px solid red;
    color:red;
    white-space: nowrap;
}


.st-danger{
   color: red;
}

/*2020-12-表格分页*/
.fixed-table-pagination {
    margin: 25px 0 10px 0;
    text-align: right;
}

.fixed-table-pagination .pagination,
.fixed-table-pagination .pagination-detail {
    color: #BABFCB;
    margin: 0 !important;
}

.fixed-table-pagination .page-list .btn-group .btn {
    width: 64px;
    height: 32px;
    line-height: 30px;
    padding: 0 5px;
    border-radius: 5px !important;
    background: white !important;
    border: 1px solid #EAEDF3 !important;
}

.fixed-table-pagination .pagination a {
    display: block;
    min-width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 5px;
    margin-right: 8px;
    text-align: center;
    color: #BABFCB;
    border: 1px solid #EAEDF3;
    border-radius: 5px !important;
}

.fixed-table-pagination .pagination > li > a:hover,
.fixed-table-pagination .pagination > .active > a:focus,
.fixed-table-pagination .pagination > .active > a:hover,
.fixed-table-pagination .pagination > .active > a {
    background-color: #1B92EC !important;
    border-color: #1B92EC !important;
    color: #fff !important;
}

.goPageCon {
    float: right;
    margin-left: 20px;
}

.fixed-table-pagination .pageNum {
    width: 40px;
    border-radius: 5px !important;
    height: 32px;
    margin: 0 5px;
    border: 1px solid #EAEDF3;
    vertical-align: middle;
    line-height: 30px;
    padding: 0 5px;
    text-align: center;
}

.goPage {
    float: left;
    height: 32px;
    line-height: 32px;
}

.goPage .pageBtn {
    display: inline-block;
    padding: 3px 10px;
    height: 28px;
    text-align: center;
    line-height: 26px;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
    border-radius: 3px !important;
    cursor: pointer;
    color: #1B92EC;
}



/*应用*/
.application{
    height: calc(100% - 70px);
}

.ap_con_l{
    width: 300px;
    height: 100%;
    float: left;
    background: #fff;
    border-right: 1px solid rgba(51,51,51,0.05);
}

.ap_con_r {
    float: left;
    width: calc(100% - 300px);
    height: 100%;
    background: #FBFBFD;
    padding: 0 24px;
    overflow: auto;
    position: relative;
}


.ap_con_l .apl_ul li{
    float: none;
    margin: 0;
    position: relative;
}

.ap_con_l .apl_ul li a{
    padding: 0 0 25px 30px;
    line-height: 22px;
    color: #000000;
    font-size: 16px;
    border-color: transparent !important;
    background-color: transparent !important;
    opacity: 0.5;
}

.ap_con_l .apl_ul li a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 11px;
    height: 11px;
    border-radius: 50% !important;
    border: 2px solid #CECFD2;
    box-sizing: border-box;
}

.ap_con_l .apl_ul li.active a{
    color: #DB3232;
    font-weight: 600;
    opacity: 1;
}

.ap_con_l .apl_ul li.active a:after{
    border: 2px solid #DB3232;
}

.ap_con_l .apl_ul li:not(:last-child):after{
    content: "";
    position: absolute;
    left: 6px;
    top: 18px;
    width: 1px;
    height: calc(100% - 11px);
    background-color: #CECFD2;
    opacity: 0.5;
}

.application_title{
    width: 100%;
    font-size: 16px;
    padding: 15px 0;
    color: #000000;
    font-weight: 500;
}

.my_application{
    margin-bottom: 20px;
}

.ap_con_r .input-group {
    border: 1px solid #EAEDF3;
    border-radius: 20px !important;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 320px;
    height: 38px;
}

.ap_con_r .input-group-addon.dtFont-sousuo1{
    width: 40px;
    color: #787993;
    font-weight: 900;
    background: #fff;
    cursor: pointer;
}

.ap_con_r .input-group > .form-control {
    border: none;
    outline: none;
    padding: 0 20px;
    height: 100%;
    border-radius: 4px !important;
    background: #fff;
}


.ap_con_l .apl_name{
    line-height: 20px;
    padding: 20px;
    color: #9EA0A5;
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px solid #EAEDF3;
    margin: 0 0 30px 0;
}

.ap_con_l .apl_name i.dtFont{
    margin-right: 10px;
}

.apl_con{
    height: calc(100% - 92px);
    overflow: auto;
}

.ap_con_l .apl_ul{
    padding: 0 24px 0 34px;
    border: 0;
}

.my_ap_con ul li {
    float: left;
    height: 100px;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    /*border: 1px solid #EAEDF3;*/
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    border-radius: 10px !important;
    background: white;
    display: flex;
    align-items: center;
}

/*.my_ap_con ul li >div{
    float: left;
}*/

.my_ap_con ul li .apr-icon {
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 16px !important;
    margin: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my_ap_con ul li .apr-text{
    width: calc(100% - 94px);
    height: 100%;
    padding-right: 30px;
    display: table;
}

.my_ap_con ul li .apr-text span{
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    /*font-weight: bold;*/
    line-height: 22px;
}

.my_ap_con ul li .apr-text span a{
    color: #000000;
}

@media (min-width: 1601px) {
    .my_ap_con ul li{
        width: calc(20% - 8px);
        margin-right: 10px;
    }
    .my_ap_con ul li:nth-child(5n){
        margin-right: 0;
    }
}

@media (max-width: 1600px) {
    .my_ap_con ul li {
        width: calc(25% - 6px);
        margin-right: 8px;
    }
    .my_ap_con ul li:nth-child(4n){
        margin-right: 0;
    }

}

/*应用中心暂用图标*/
.my_application:nth-child(n) ul li:nth-child(n) .apr-icon{
    background: url(/assets/images/custom/ap1.png) no-repeat center #3B84F2;
}

.my_application:nth-child(n) ul li:nth-child(2n) .apr-icon{
    background: url(/assets/images/custom/ap2.png) no-repeat center #ED7466;
}

.my_application:nth-child(n) ul li:nth-child(3n) .apr-icon{
    background: url(/assets/images/custom/ap3.png) no-repeat center #3B84F2;;
}

.my_application:nth-child(2n) ul li:nth-child(n) .apr-icon{
    background: url(/assets/images/custom/ap2.png) no-repeat center #ED7466;
}

.my_application:nth-child(2n) ul li:nth-child(2n) .apr-icon{
    background: url(/assets/images/custom/ap4.png) no-repeat center #68DBC7;
}

.my_application:nth-child(2n) ul li:nth-child(3n) .apr-icon{
    background: url(/assets/images/custom/ap3.png) no-repeat center #ED7466;;
}

.my_application:nth-child(3n) ul li:nth-child(n) .apr-icon{
    background: url(/assets/images/custom/ap3.png) no-repeat center #3B84F2;
}

.my_application:nth-child(3n) ul li:nth-child(2n) .apr-icon{
    background: url(/assets/images/custom/ap5.png) no-repeat center #68DBC7;
}


.my_application:nth-child(3n) ul li:nth-child(3n) .apr-icon{
    background: url(/assets/images/custom/ap4.png) no-repeat center #3B84F2;
}


/*Utils.confirm  swal复写*/
.showSweetAlert[data-animation=pop] {
    -webkit-animation: none!important;
    animation: none!important;
}

.sweet-alert .sa-icon {
    width: 22px;
    height: 22px;
    border: none;
    padding: 0;
    transform: scale(1);
    margin: 0;
    position: absolute;
    top: 32px;
    left: 30px;
    z-index: 2;
}

.sweet-alert{
    border-radius: 4px!important;
    padding-left: 70px;
    text-align: left;
}
.sweet-alert .sa-icon.sa-warning .sa-body{
    display: none;
}
.sweet-alert .sa-icon.sa-warning .sa-dot{
    display: none;
}
.sweet-alert .sa-icon.sa-warning {
    background: url("icon/icon-w.png") no-repeat;
}
.sweet-alert .sa-icon.sa-error {
    background: url("icon/icon-e.png") no-repeat;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark{
    display: none!important;
}
.sweet-alert .sa-icon.sa-success{
    background: url("icon/icon-s.png") no-repeat;
}
.sweet-alert .sa-icon.sa-success>div,
.sweet-alert .sa-icon.sa-success>span,
.sweet-alert .sa-icon.sa-success:after,
.sweet-alert .sa-icon.sa-success:before{
    display: none!important;
}
.sweet-alert h2{
    font-size: 16px;
    text-align: left;
    margin: 6px 0;
}
.sweet-alert p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
}

.sa-button-container{
    padding-right: 10px;
    text-align: right;
    padding-bottom: 15px;
}
.sweet-alert button {

    margin: 40px 5px 0 5px;
    border-radius: 4px!important;
    /*color: #dd6b55;*/
}
.sweet-alert button.cancel,
.sweet-alert button.cancel:hover{
    background-color: #fff;
    border: 1px solid #E8E8E8;
    color: #6a707b;
}
.sweet-alert button.confirm{
    box-shadow: none!important;
    background-color: #1F7DEE !important;
}
/*主体内容*/
.page-main {
    background: white;
    height: 100%;
    overflow-y: auto;
}

html .layui-layer-title {
    background: #F2F2F2;
}

/*单选框or复选框*/
.mt-radio input:checked ~ span {
    border-color: #1B92EC !important;
    background: #1B92EC !important;
}

.mt-radio input:checked ~ span:after {
    background: white;
    width: 8px;
    height: 8px;
    left: 4px;
    top: 4px;
}

.mt-checkbox input:checked ~ span{
    border-color: #1B92EC !important;
    background: #1B92EC !important;
}

.mt-checkbox input:checked ~ span:after {
    border-color: white !important;
}

.signNote label span {
    border: 1px solid #2b92fb !important;
    border-radius: 4px !important
}


.footBtn .btn-primary{
    border-color: #1B92EC;
    color: #fff !important;
    background-color: #1B92EC !important;
}

.footBtn .btn-primary:hover{
    border-color:rgba(27,146,236,0.9) !important;
    background-color: rgba(27,146,236,0.9) !important;
}

.footBtn .btn{
    width: 112px;
    min-width: auto !important;
    padding: 0 12px !important;
}

.footBtn .btn.btnCloseLayer{
    border: 0 !important;
    background-color: #F6F7FB !important;
    color: #34395C !important;
}


/*附件及表格*/
.sumTab td,
.sumTab th {
    height: 50px;
    border: 1px solid #b4cbfe;
    /*text-align: center;*/
    padding: 8px 10px;
    word-break: break-all;
    font-weight: 500;
}
.sumTab tr th {
    background-color: #e5eeff;
    font-weight: 600;
}
.sumTab td label {
    margin: 0;
    padding-left: 22px;
    margin-right: 15px;
}
.sumTab td label b {
    font-weight: 500;
}
.sumTab td .mt-checkbox > span {
    border-radius: 2px !important;
    border-color: #1B92EC !important;
}
.sumTab th.fixedText {
    background-color: #e5eeff;
    font-weight: 600;
}
.sumTab td.fixedText {
    font-weight: 600;
    background-color: #e5eeff;
}
.sumContent {
    position: relative;
    padding: 10px 0;
    min-height: 180px;
}
.sumContent .sumView {
    text-align: left;
    min-height: 100px;
}
.sumContent .fiexdTip {
    position: relative;
    height: 80px;
}
.sumContent .tip {
    position: absolute;
    left: 0;
    bottom: 0;
}
.sumContent .signature {
    position: absolute;
    right: 30px;
    bottom: 0;
    text-align: left;
}
.sumContent .signature span:first-child {
    width: 40px;
}
.sumContent .signature span {
    display: inline-block;
    width: 20px;
}
.sumTab a{
    color: #1B92EC !important;
}

.dt_file .file_title{
    font-size: 16px;
    margin: 20px 0 20px 0;
}

.file-tab tr td:nth-child(2){
    color: #666;
}

.file-tab .fillHead{
    font-size: 14px;
    margin:0 0 5px 0;
}

.file-tab .fillHead span{
    color: #ff6565;
    margin-left: 10px;
}

.file-tab .fillHead a{
    margin-left: 15px;
}

.file-tab .explain{
    margin: 0;
    color: #999;
}
.file_li{
    margin: 0 0 5px 0;
    text-align: left;
}
.file_li i{
    font-style: normal;
}
.file_li b{
    font-weight: 500;
    margin-left: 15px;
}
.file_li i{
    display: inline-block;
    max-width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 4px;
}
.file_btn{
    /*position: absolute;*/
    /*right: 10px;*/
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
}
.file_btn a:not(:first-child){
    margin-left: 10px;
}
.file_con {
    position: relative;
}

.tipsBox{
    font-size: 12px;
    line-height: 22px;
    padding: 12px;
    border-radius: 8px !important;
    display: flex;
    align-items: center;
    background: #F2F5FC;
}

.tipsBox span.tipsIcon{
    display: block;
    width: 26px;
    height: 26px;
    margin-right: 14px;
    background: url(/assets/images/tipsIcon.png) no-repeat center;

}

.tipsBox .tipsText{
    flex: 1;
}

.tipsBox p{
    margin: 0;
}

.tips-alert{
    border-radius: 4px !important;
}

.tips-alert .layui-layer-content{
    padding: 20px 32px;
}

.tips-alert .tipTitle{
    color: #000000;
    font-size: 16px;
    height: 22px;
    margin-bottom: 15px;
}

.tips-alert .tipTitle span{
    color: #1B92EC;
    margin-right: 10px;
    font-size: 22px;
    position: relative;
    top: 3px;
}

.tips-alert .tipText{
    color: #000000;
    padding-left: 32px;

}

.tips-alert .layui-layer-btn a{
    width: 112px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px !important;
    border: none;
    margin: 0 20px;
}

.tips-alert .layui-layer-btn0{
    background: #F6F7FB;
    color: #34395C;
}

.tips-alert .layui-layer-btn1{
    background: #1B92EC;
    color: white;
}
.page-sidebar .page-sidebar-menu > li > a > i.dtFont {
    display: inline-block;
    line-height: 1;
    vertical-align: top;
    margin-top: 4px;
}
